library_fe icon indicating copy to clipboard operation
library_fe copied to clipboard

一个基于豆瓣API的书架借阅平台

涉及到技术或者框架:vue2、element、es2015+

  • es2015入门:http://es6.ruanyifeng.com/ es2015也叫es6
  • vue2:https://cn.vuejs.org/ 前端mvvm框架
  • element:http://element-cn.eleme.io/#/zh-CN/component/installation
  • lodash:http://lodash.think2011.net/ js工具库

项目运行指南:
1、安装node8.x,安装完后可在命令行输入node -v查看版本,以便确认安装成功
2、在命令行里,输入npm install -g nrm(nrm可以管理npm的源,安装完之后可以npm use taobao切换淘宝的源,也可以用yarn替代npm)
3、启动后端(https://github.com/yuu2lee4/library_be)
4、进入library_fe根目录输入npm install安装依赖,安装完后输入npm run dev就可以启动前端了,此时在浏览器访问http://localhost:4040即可看到界面
5、如果需要接入ldap,修改src/config.js即可

目录结构:

    ROOT/
    |-- build                存放webpack的配置
    `-- src                  源代码
        |-- views            视图组件,其中后台管理系统在admin目录下,前台在home目录下
        |-- assets           放静态资源
        |   `--js/fetch.js   基于vue-resource封装的请求数据的模块
        |-- components       业务组件
        |-- main.js          是整个项目的入口
        |-- app.vue          根组件
        `-- routers/index.js 路由配置

展示

1

2

3

4

5