# nodeStation **Repository Path**: mackynancy/nodeStation ## Basic Information - **Project Name**: nodeStation - **Description**: 基于vue+express+node+mysql等技术搭建的企业整站。包括注册登录与后台管理 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-04-05 - **Last Updated**: 2021-11-03 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue-node-mysql ## This is a project based on amazeui+vue+node+express+bootstrap+mysql development. ## 该系统为建设一个高可扩展的H5企业网站,主要功能模块图如下: ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/mvc.png) ### 该系统分为前台用户子系统和后台企业管理子系统,具体系统用例图如下: ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/usecase01.png) ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/usecase.png) ### 根据功能性需求,使用starUML建立数据库E-R图如下: ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/dataer.png) ### 本系统需要安装通过install express cookie cookie-session body-parser mysql express-static express-route multer consolidate ejs -D来安装模块依赖。 ### 该系统的功能代码结构图如下: ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/jiegou.png) ### 该系统数据库表图如下: ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/shujuku.png) #### 后台管理登录页 采用md5加密,主要功能代码为:
const crypto=require('crypto');
module.exports={ MD5_SUFFIX: 'FDSW$t34tregt5tO&$(#RHuyoyiUYE*&OI$HRLuy87odlfh是个风格热腾腾)', md5: function (str){ var obj=crypto.createHash('md5');
obj.update(str);
return obj.digest('hex'); } };
之后再验证登录: const express=require('express');
const common=require('../../libs/common');
const mysql=require('mysql');
var db=mysql.createPool({host: 'localhost', user: 'root', password: 'root', database: 'web'});
module.exports=function (){
var router=express.Router();
router.get('/', (req, res)=>{ res.render('admin/login.ejs', {});
});
router.post('/', (req, res)=>{ var username=req.body.username;
var password=common.md5(req.body.password+common.MD5_SUFFIX);
db.query(`SELECT * FROM admin_table WHERE username='${username}'`, (err, data)=>{ if(err){ console.error(err); res.status(500).send('database error').end();
}else{ if(data.length==0){ res.status(400).send('no this admin').end();
}else{ if(data[0].password==password){ //成功 req.session['admin_id']=data[0].ID;
res.redirect('/admin/');
}else{ res.status(400).send('this password is incorrect').end();
} } } });
});
return router;
}; 后台登录页面效果图如下: ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/login01.png) ### 后台管理首页 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/02.png) 部分内容管理截图:
![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/concent.png) #### 公司案例产品管理页:
![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/03.png)
添加功能:![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/add.png)
修改功能:![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/med.png)
删除功能:![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/del.png)
#### 合作伙伴管理 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/04.png) ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/04.1.png) #### 关于我们 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/05.png) #### 联系我们 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/06.png) ### 前台页面 #### 前台注册登陆页与企业主页 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/login.png) ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/index.png) #### 新闻与新闻详情 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/news.png) ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/news2.png) #### 企业案例与产品 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/xinxi.png) ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/xinxi1.png) #### 企业服务 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/fuwu.png) #### 企业文化与关于我们 ![image](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/readme/aboutus.png) ### [详情请下载说明文档](https://github.com/k2-xu/vue-express-ejs-node-mysql/blob/master/%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3.doc "详细设计文档")