Node.js小项目——学生信息管理系统

这是迄今为止第一次接触后端的东西，是一个很小的项目，但是对于前端学习入门很好。我是先学了VUE框架再学的Node，学起来比较轻松，不过每个人都有自己的学习方法️

一、项目描述

学生信息管理系统，可以实现对信息的增、删、改、查。

二、使用技术

客户端：BootStrap3完成页面的基本框架；JavaScript操作DOM元素

服务端：使用Express框架创建web服务端；利用路由模块完成不同页面对服务端的请求；利用第三方包body-parser获取post请求的参数；利用express-art-template模板引擎完成服务端数据对页面的渲染

这个项目里面没有用数据库，数据存放在json文件中，不用现成的API更适合学习

三、开发步骤

1、建立一个express项目

1.  创建一个文件夹
2. `npm init`设置package.json文件
3. `npm i express -S`安装express包
4. 设置一个入口文件app.js

2、在app.js中编写服务端代码

 // 1. 引包
 var express = require('express')

 // 2. 创建服务器应用程序
 var app = express()

 // 4.配置静态开放资源
 app.use('/public/', express.static('./public/'))
 app.use('/static/', express.static('./static/'))

 // 3. 端口监听
 app.listen(3000, function () {
   console.log('app is running at port 3000.')
 })

3、BootStrap框架搭建页面

官方文档https://www.bootcss.com/

注意：利用npm安装BootStrap框架的版本和npm的版本有关系，我的npm版本默认安装BootStrap4，但是做项目的时候没有注意到这一点，直接用的是BootStrap3中的样式。。。。找了好多可能出问题的地方，最后发现是版本的原因，哇