原生JavaScript项目——管理系统

JS原生管理系统介绍

一、需求分析

1.1发布新闻

在管理系统中可直接发布新闻

1.2修改新闻

在后台可随时修改已发布的新闻类型、信息等

1.3管理成员

管理员的后台可管理各个成员的账户信息

二、核心功能

2.1登录个人的页面

通过输入正确的用户名与密码可进入个人的操作页面

2.2管理新闻中心的内容

在个人页面中可对新闻页进行增删改查

2.3创建新用户来辅助主用户

管理员可通过后台添加或删除用户账号

三、实现技术

3.1基于json-server

在没有后端时模拟后端功能

3.2bootstrap、jQuery框架

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.css" rel="stylesheet">
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.js"></script>

搭建了页面的基本框架

3.3html，css，js

使页面变得美观，让用户使用舒适

四、项目总结

4.1 面对困难

js、jQuery、node等方面运用不熟练，容易报错，需回头复习并网上咨询
仔细检查错误出处，了解错误原因，翻查笔记确定是否为操作错误，若未解决，咨询同学或网上查询是否为源头错误，若还未解决，请教老师、学长等资历较深的人

4.2 后续规划

在后续的规划中我会继续深入不熟悉模块，侧重js，学习vue等更多的新知识，追逐潮流，同时提高自身代码能力，多实践，多应用。

4.3 整体总结

项目整体写出来后，使我的JS实战应用能力得到了提升，获得了一些与后端交互协作和完整项目流程开发的经验，也发现了许多缺点：不能快速清晰明白代码含义，需要推敲等。