mongodb+node+ajax写的前期的学生管理系统没有渲染引擎的介入

1. 写好前端的页面,注册、登录、主页、添加、修改这几个页面。

2. 在每个页面由前端向服务端发送请求

其中index.html页面用于显示所有的学生信息,在首页向服务器端发送一个请求,用于显示数据的在首页,没有用到模板引擎,而用的是字符串拼接的方法。在页面的body中设置一个标签用于放服务器端返回过来的数据。其中首页的代码如下:

mongodb+node+ajax写的前期的学生管理系统没有渲染引擎的介入

3. 开始处理服务器端

(1) 首先初始化npm init 

(2) 安装所需要的模块,express(用于搭建简易的服务器)、body-parser(用于处理post请求)、mongodb(用于连接数据库)

(3) 实例化express 和设置静态资源文件夹和设置bodyParser

(4) 连接数据库并设置用户模板和建立用户集合

(5) 接受各种请求的处理

4. 其中的修改数据和删除数据根据点击谁谁添加属性值的方式的动态方式写的,其中服务器端处理这个动态数据的格式为

修改之前要返回给页面的数据信息

mongodb+node+ajax写的前期的学生管理系统没有渲染引擎的介入

修改之后要提交的页面

mongodb+node+ajax写的前期的学生管理系统没有渲染引擎的介入