因为小学弟们问我要我的大作业，翻硬盘找了半天，终于把压箱底的东西找出来了。还好没被手残的我删掉。

东西做的很粗糙，大一上半学期学了点网页的皮毛就随便搞了点。内容素材取自一些公众号。

2020 修改的新的 VUE.js 版本：预览地址（效果最佳）

纯静态版本：预览地址

2020 重新制作

最近在看前端的内容，顺手把自己以前做的网页拿来修改了。使用 HTML5_CSS3 + BootStrap4 + VUE 重新绘制了当初做的内容，实现了响应式的同时基本保留原来的风格。

这个网页项目使用 VUE.js 2.6 重新构建完成，是一个响应式的前端项目，移动适配效果佳，且按照前后端分离的思路开发的。

导航栏navbar，首页轮播，动态窗格，文章的渲染，分别由

• page-nav.json
• index.json
• page-content.json
• user.json

几个文件来进行控制。本项目使用 axios 发起异步请求，并动态生成路由，可以方便的根据需要动态更换内容。同时登录注册页已经配置了数据绑定，稍加配置即可对接后端进行使用。

下面是效果图（动图）

界面预览：

PC 端：

PC 端首页：

页脚：

文章页：

注册登录：

移动端

移动端首页：

展开的nav菜单：

文章页：

注册登录：

初始版本

这个项目最早是 2018 年底，我大一第一学期网页课的作业。总之写的很烂就对了。

大一做的第一版的网页：预览地址

截图如下：

初始版本，代码很简单粗暴，没有js，没有用任何框架，单纯一个html而已。

下载

先放这么多图，这不我打包了一波免费造福小学弟们

下载地址：去我的 GitLab

嘻嘻，溜了溜了