Skip to content

emptinessboy/html-nbyx

Repository files navigation

Html宁波印象

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

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

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

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

源代码初始化

npm install

打包发布

npm run build

=======

预览地址 VUE.js 版本:预览地址

预览地址 BootStrap 版本:预览地址

2020 重制版

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

nbyx-bootstrap.gif

界面预览:

PC 端:

PC 端首页:

nbyx_pic_01.png

nbyx_pic_02.png

页脚:

nbyx_pic_03.png

文章页:

nbyx_pic_04.png

注册登录:

nbyx_pic_05.png

移动端

移动端首页:

nbyx_pic_07.png

nbyx_pic_08.png

展开的nav菜单:

nbyx_pic_09.png

文章页:

nbyx_pic_06.png

注册登录:

nbyx_pic_10.png

初始版本

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

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

nbyx_old_4.png

nbyx_old_1.md.png

nbyx_old_2.md.png

nbyx_old_3.md.png

About

2018年底,大一网页课作业

Resources

License

Stars

Watchers

Forks

Packages

No packages published