Code Monkey home page Code Monkey logo

books-management-system's Introduction

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
    }));

books-management-system's People

Contributors

manfredhu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

books-management-system's Issues

登录不成功的问题

你好,我试了试用数据库中的账号密码,登录不成功,报了一个这样的错误
F:\try\whiteboard\branches\Wang Xiaohui\Books-Management-System-master\app\node_modules.2.14.1@mysql\lib\protocol\Parser.js:80
throw err; // Rethrow non-MySQL errors
^
TypeError: fail is not a function
at F:\try\whiteboard\branches\Wang Xiaohui\Books-Management-System-master\app\db\connection.js:19:13
你有遇到过吗?还是我下载的mysql模块版本不对?我是直接使用的npm install安装的所有的模块

遇到的一些问题

  1. 安装过程中
    我是在app目录下才npm install成功的..没学过node js..所以也不太懂.
  2. 书的类别管理里面 默认是page size = 10, 改成50之后并不会马上生效.

添加书籍问题

在本地配置好后,在页面中添加书籍后并不能在管理全部书籍中看到我刚刚添加的书籍。在数据库表中添加后也未能在管理全部书籍中显示。求解~

编译错误..

为什么输入app.js之后会显示编译错误啊= =..19行5列。。
我也不太懂js= =

网页丢失

为什么我一点击登录就找不到网页了呢,与之前楼上提出的登录问题一样,是因为我连接MYSQL失败了吗,账号和密码都是输入的hwf啊

登录密码问题

我想问一下,,登录进去的密码是啥啊??数据库的t_admin都是加密过得??t_student的数据我设置之后还是进不去。难道是我数据库跟项目没连接上??应该在项目里找到相应的配置文件把数据库的数据库名字和密码填上去吧??可是我一直没找到相应的配置文件在哪里。。所以我目前只能打开登录界面,但是进不去。。

增删改查

这个系统有查询功能吗? search 框输入内容后怎么没反应

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.