这个实例就是对nodejs一些模块的一个练习。这个实例的前台主要为两个简单的页面,一个是用来展示录入的学习成绩,一个用来展示成绩的录入。具体的效果如下:

使用NPM工具 npm init 来进行初始化项目,在DOS窗口或终端进入我们想要存放的目录之后执行npm init命令。填写完配置信息后,会在目录中生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。
项目需要用到的包 使用命令npm install ** 进行安装,在这个项目里用到了模板引擎art-template、bootstrap和nodemon 安装完后将在pakeage.json文件中看到。如图:

在项目中准备两个HTML文件和服务器文件http.js和路由的分发处理router.js和业务逻辑处理control.js以及一个json文件用来存放数据。如图:

其中成绩展示页面代码如下:

成绩录入页面的代码如下:

路由分发的代码如下 :

服务器代码如下:

业务逻辑代码如下:


希望路过的大佬不要嫌弃,若有不对之处还希望指正为谢!@~@
网友评论