Git Product home page Git Product logo

nodestation's Introduction

vue-node-mysql

This is a project based on amazeui+vue+node+express+bootstrap+mysql development.

该系统为建设一个高可扩展的H5企业网站,主要功能模块图如下:

image

该系统分为前台用户子系统和后台企业管理子系统,具体系统用例图如下:

image

image

根据功能性需求,使用starUML建立数据库E-R图如下:

image

本系统需要安装通过install express cookie cookie-session body-parser mysql express-static express-route multer consolidate ejs -D来安装模块依赖。

该系统的功能代码结构图如下:

image

该系统数据库表图如下:

image

后台管理登录页 采用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

后台管理首页

image

部分内容管理截图:
image

公司案例产品管理页:

image

添加功能:image

修改功能:image

删除功能:image

合作伙伴管理

image image

关于我们

image

联系我们

image

前台页面

前台注册登陆页与企业主页

image image

新闻与新闻详情

image image

企业案例与产品

image image

企业服务

image

企业文化与关于我们

image

如有问题欢迎咨询本人QQ:326531916  微信:xu326531916

nodestation's People

Contributors

xuguangwen avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.