www.javainfo.com.cn 上干货 欢迎收藏

我们在使用EXPRESS框架的时候， 前台与后台的交互控制 使用的 router 路由模块；

这个模块 其实比较类似与  servlet ，可用帮我完成数据的传递， 业务功能的调用。   

接下来我们编写用户维护模块 来综合的练习一下  express 框架的基础使用方法。

依赖框架列表：

layui2.4.3 ;s   node 10.15.0;  express4.16.0（http://www.expressjs.com.cn/）;   mysql5.5.

功能实现：

1 基础的页面跳转

   2 用户管理模块的（用户的分页数据， 查看，添加，修改，删除）操作

   3 实例目的：layui 与 node 的交互；   node与数据库的交互；node的回调模式编程；

项目结构：及包说明

                Bin    bin/www    项目运行入口

                Models   系统内的一些模型对象  model

                Routes    控制模块的所有路由节点

                Utils     封装了数据库连接模块

                Views    这里存放的是所有EJS界面

                App    系统的配置中心

                其余模块不具有特殊性  不在介绍

数据库设计：

用户管理模块  用户表设计 nodesuser：

接下来是 代码部分

 一） 辅助工具类

    1  数据库连接封装模块：  实例源码        

    2  工具类  实例源码 

    二)系统路由设计：

    IndexRouter.js    功能主要是 实现首页的展示   

    UserOtherRouterDoDelete.js   实现删除用户的操作 

    UserOtherRouterDoEdit.js      实现编辑用户的操作 

    UserOtherRouterDoReg.js      实现添加/注册用户的操作 

    UserOtherRouterToEdit.js      跳转到编辑用户的界面

    UserOtherRouterToReg.js     跳转到添加/注册用户的界面 

    UserOtherRouterToView.js    跳转到查看用户的界面  

    UserRouter.js               跳转 到用户管理界面  

    UserServiceRouter       用户分页处理  

Service层设计： 

 UserService.js  实例源码

  这里暴漏了  用户添加 修改 分页查询  删除 查看的 所有业务接口  

 //编辑用户的接口

UserService.doEdit = function(id,name,age,callback)

//根据用户ID 获取用户对象

UserService.doView = function(id,callback)

//删除用户的接口

UserService.doDelete = function(id,callback)

//用户分页接口  返回分页数据   返回符合条件的数据总条数

UserService.findUserList = function(pname,page,limit,callback)

//注册 添加用户的接口

UserService.doReg = function(uname,uage,callback)

系统路由配置： 集中在APP里头

 1） 引入路由配置  及路由源码： 

//主页路由
 var indexRouter = require('./routes/IndexRouter');   
//跳转 到用户管理
var userRouter = require('./routes/UserRouter');    
//用户分页 数据
var userServiceRouter = require('./routes/UserServiceRouter');  
//跳转到注册界面
var userOtherRouterToReg = require('./routes/UserOtherRouterToReg');  
//用户注册
var userOtherRouterDoReg = require('./routes/UserOtherRouterDoReg');  
//跳转到用户编辑界面
var userOtherRouterToEdit = require('./routes/UserOtherRouterToEdit');  
//用户编辑
var userOtherRouterDoEdit = require('./routes/UserOtherRouterDoEdit');  
//用户查看 并跳转到用户信息展示界面
var userOtherRouterToView = require('./routes/UserOtherRouterToView');

 2） 配置路由/路由规划   配置如何使用路由

 app.use('/', indexRouter);
 app.use('/userManage', userRouter);
 app.use('/userService/pageList', userServiceRouter);
 app.use('/userOther/toReg', userOtherRouterToReg);
 app.use('/userOther/doReg', userOtherRouterDoReg);
 app.use('/userOther/toEdit', userOtherRouterToEdit);
 app.use('/userOther/doEdit', userOtherRouterDoEdit);
 app.use('/userOther/toView', userOtherRouterToView);
 app.use('/userOther/doDelete', userOtherRouterDoDelete);

到此系统的配置基本差不多了 其他的小模块 我会在其他界面进行介绍

运行项目， 主要界面介绍一下：

主界面：

                       www.javainfo.com.cn  java开发实际问题汇总 网站，欢迎登录注册 成为会员 ！！             
        点击进入人员列表页面

用户管理模块：

 用户管理界面入口为 上图的超链接：

  usersPage.ejs  实例源码

userEdit.ejs  用户编辑界面   实例源码

userReg.ejs  用户注册界面 实例源码

 

userView.ejs 用户查看界面  实例源码

至此 实例完毕，相关代码 请注意 文章各个模块中的超链接。

如有疑问 请留言 欢迎提供建议