All Projects → ManfredHu → Books Management System

ManfredHu / Books Management System

全JavaScript语言Web项目——图书管理系统

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Books Management System

Angular Full Stack
Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
Stars: ✭ 1,261 (+1078.5%)
Mutual labels:  expressjs, full-stack, angularjs
react-full-stack-starter
🎈Full-stack React boilerplate using `create-react-app`, Babel, Node.js, and express
Stars: ✭ 22 (-79.44%)
Mutual labels:  expressjs, full-stack
Mern Mediastream
A MERN stack based media streaming application [Full-Stack React Projects]
Stars: ✭ 98 (-8.41%)
Mutual labels:  expressjs, full-stack
Naperg
Fullstack Boilerplate GraphQL. Made with React & Prisma + authentication & roles
Stars: ✭ 661 (+517.76%)
Mutual labels:  expressjs, full-stack
Angular2 Express Mongoose Gulp Node Typescript
AngularJS 2 (Updated to 4.2.0) Mean Stack application which uses Angular2, Gulp, Express, Node, MongoDB (Mongoose) with Repository Pattern Business Layer
Stars: ✭ 201 (+87.85%)
Mutual labels:  expressjs, angularjs
popmovies-web
Starter project using nodejs expressjs and angular 2
Stars: ✭ 17 (-84.11%)
Mutual labels:  angularjs, expressjs
Mern Social
A MERN stack based social media application [Full-Stack React Projects]
Stars: ✭ 288 (+169.16%)
Mutual labels:  expressjs, full-stack
Meanshop
🛒 Building an e-commerce application with the MEAN stack
Stars: ✭ 140 (+30.84%)
Mutual labels:  expressjs, angularjs
Checksheet Manager
Checksheet Manager for college checksheets. Created with AngularJS and Node/Express/MongoDB.
Stars: ✭ 31 (-71.03%)
Mutual labels:  expressjs, angularjs
Mean Angular4 Chat App
MEAN stack with Angular 4 Chat App
Stars: ✭ 41 (-61.68%)
Mutual labels:  expressjs, angularjs
Mean Stack Angular6 Crud Example
MEAN Stack Angular 6 CRUD Web Application
Stars: ✭ 69 (-35.51%)
Mutual labels:  expressjs, angularjs
Mern Marketplace
A MERN stack based online marketplace application [Full-Stack React Projects]
Stars: ✭ 194 (+81.31%)
Mutual labels:  expressjs, full-stack
Mevn Stack
A Quickstart for building an Express API with a VueJS Admin Portal
Stars: ✭ 178 (+66.36%)
Mutual labels:  expressjs, full-stack
main
Share your personal pronouns and stay updated on your friends' pronouns. Pronouny allows you to update your pronouns and send alerts to your friends.
Stars: ✭ 37 (-65.42%)
Mutual labels:  angularjs, expressjs
Mean Blog
Blog using Nodejs, Expressjs, Angularjs and Mongodb. MEAN Javascript Fullstack application
Stars: ✭ 151 (+41.12%)
Mutual labels:  expressjs, angularjs
Mevn Boilerplate
A fullstack boilerplate with Mongo, ExpressJS, VueJS and NodeJS.
Stars: ✭ 277 (+158.88%)
Mutual labels:  expressjs, full-stack
Mern Skeleton
A MERN stack skeleton web application [Full-Stack React Projects]
Stars: ✭ 114 (+6.54%)
Mutual labels:  expressjs, full-stack
Mean Angular5 Passport Authentication
Securing MEAN Stack (Angular 5) Web Application using Passport Authentication
Stars: ✭ 24 (-77.57%)
Mutual labels:  expressjs, angularjs
Bug Tracker Pern Ts
Bug Tracking app with project members support. Made with PERN stack + TypeScript.
Stars: ✭ 79 (-26.17%)
Mutual labels:  expressjs, full-stack
Mean Stack Angular5 Crud
MEAN Stack (Angular 5) CRUD Web Application Example
Stars: ✭ 107 (+0%)
Mutual labels:  expressjs, angularjs

books-management-system

使用MySQL+ExpressJS+AngularJS+NodeJS尝试开发的图书管理系统,开发前端后台模块,后台用ExpressJS和NodeJS搭建服务器,前端用AngularJS,样式用的Bootstrap。自己封装了数据库连接池的接口,利用Java项目MVC的思想组织后台,用Ajax传递前后台数据。

登陆界面截图 后台管理界面截图

  • AngularJS用到了:ng-grid,ui-router,ng-file-upload等模块
  • ExpressJS用到了:body-parser,cookie-parser,cookie-session,ejs,express-session,MD5加密等模块

运行

  1. 载入sql文件夹的sql部分
  2. 项目根目录装载npm install
  3. cd app进入app目录
  4. node app.js启动服务器或者grunt直接进入配置好nodemonwatch的开发环境
  5. 浏览器输入localhost:9000进入

目录详解

docsFile为项目接口规范 app为项目目录,包含前端与后台

app
├──controller	后台的controller部分
	├──AdminCtrl.js 管理员的controller部分
	├──UserCtrl.js	用户的controller部分
	├──config.js 刚开始是为了表单解决跨域的问题,后面写成一个服务器就用不上了
├──dao	数据处理层,实现对对应model的增删查改等等
	├──BookDao.js 书籍的Dao封装
	├──BookTypeDao.js 书籍类别的Dao封装
	├──UserDao.js 用户的Dao封装
├──db	封装的数据库连接池部分
	├──connection.js 数据库连接池封装
	├──DBconfig.js MySQL数据库配置
├──lib	项目引用的库
	├──angular-1.3 angular文件
	├──bootstrap-3.3.6 bootstrap样式
	├──bootstrap-select-1.9.3 用到了select下拉框的动态加载,所以另外引用了样式文件
	├──ng-file-upload-master angular的图片上传模块
	├──angular-ui-router.js ui-router部分,因为有侧边栏,我用到了分割组件的思想分成了顶部导航,侧边栏和主内容区三部分
├──model
	├──Model.js	Java的理解是实体类,不过项目很多都是直接传对象的,没用到,不过数据定义在这个文件,方便理解和查看
├──static 静态文件,包含JS和CSS文件,可以用Grunt或者Gulp压缩混淆
	├──scripts
		├──controllers 前端controllers部分
			├──admin.js 管理员模块的controller部分
			├──login.js 登陆模块的controller部分
		├──adminApp.js 管理员模块的前端路由定义
		├──app.js 登陆模块的前端路由定义
	├──styles 样式文件
├──test 后台接口测试部分,对DAO进行接口测试
├──views 项目的模板,或者说叫视图部分,代码基本在前端controller里面
├──app.js 服务器启动文件
├──routes.js 后台路由配置文件

一些问题

express-session模块中官方文档

app.use(session({
        secret: 'manfredHu', //加密
        resave: false,
        saveUninitialized: true
    }));

但是这样会报错,stackOverflow上面是下面这样的,居然可以了-_-!!

app.use(expressSession({
        secret: 'manfredHu', //加密
        resave: false,
        saveUninitialized: true
    }));
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].