HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 后台管理系统。

 

目录

前言

  Login页面

Index页面

个人中心部分

基本资料

​

重置密码

文章管理

文章类别

 文章列表​

发布文章

---

前言

花了几天事件依葫芦画瓢，写了一个后台管理系统，大概长下面这张图这样。用到的技术有html5,css3,javascript,jquery,echarts,ajax,template,layui。没有能力开发一个后端接口，所以直接用了黑马老师提供的接口以及接口文档。

  Login页面

右小角的注册账号，绑定了点击事件，实现，通过块的none block完成登录和注册的页面切换。

注册和登录通过了ajax向服务器发起请求，完成认证，用户名和密码表单通过layui添加了pwd username的验证机制。完成认证 登录到index页面，如果失败则layer.msg返回错误理由

Index页面

头像，id 通过向服务器请求数据，获得头像和nickname 和username 如果 nickname 为空 则讲username渲染到页面上，如果用户未上传头像则将头像部分渲染为一个圆。主页中的数据可视化 通过ifram