第一个在github上的项目,也是我的毕业设计,一个图书管理、借阅、销售网站。使用vue-router
作为路由管理,vuex
管理全局状态,isomorphic-fetch
请求接口,element-ui
作为样式库。后端使用php
+mysql
,并配置好了sh
脚本方便直接部署在服务器上。
该项目从 2016-3 开始,那个时候还是
vue 1.0
而且还没有element-ui
,所以现在是正在将代码迁移到vue2.0
,暂时只完成了部分。
先将代码下载
git clone https://github.com/ltaoo/books.git
会在当前目录生成books
文件夹,进入该文件夹安装依赖
npm i
安装依赖完成后需要使用 docker 运行 php 容器和 mysql 容器提供接口,进入books/database
文件夹,首先是构建镜像:
docker build -t bookshop .
运行数据库容器与 php 容器:
./start.sh
开启名为books
的php
容器和名为books_db
的mysql
容器,再初始化数据表
docker exec -i books_db mysql -uroot -p123 bookshop < setup.sql
然后就可以运行前端开发服务器了
npm run dev
进入http://localhost:8080/#/adminLogin
,使用admin
,123456
登陆后台。
登陆后台后可以进入"书籍列表"添加新书籍,点击"添加新书籍",输入书籍名称或者 ISBN 码搜索后添加。 添加书籍成功后可以在前台首页与书籍列表页看到新添加的书籍。
登录后台后可以进入"会员列表"添加新会员,同上。可以使用新增加会员的学号和联系方式作为前台登录用户名和密码进行登录。
在后台首页,首先查询好会员,再查询需要借阅的书籍,点击借阅即可生成借阅记录。
用户借了书后,会生成对应的借阅记录,可以直接在后台看到该借阅记录状态,未还、已还还是已经超期。如果已经归还则会显示归还时间。
可以在后台还书页,使用会员名、书籍名、书籍 ISBN 码进行查询借阅记录,并选择相应记录进行归还操作。
在前台首页点击"用户中心"使用123456
和123456
即可登录。
- 交互优化
- 布局样式优化