原生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实战应用能力得到了提升,获得了一些与后端交互协作和完整项目流程开发的经验,也发现了许多缺点:不能快速清晰明白代码含义,需要推敲等。

猜你喜欢

转载自blog.csdn.net/ZiminLi/article/details/128886095