xichi / NJUPT-Movie-Club-frontend

:movie_camera:NUPT Movie Club Homepage

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NJUPT-Movie-Club

电影协会宣传页面

坑了,暂时不会更新...

1.demo:

  • NJUPT Movie Club: vue + node
    测试地址:南邮影协
  • website Design: jquery 2019年“和巨耀通杯”网页设计大赛一等奖作品
    地址:南邮影协

2.技术栈:Vue + json-server

3.How to start?

  1. yarn install 安装依赖
  2. yarn start:dev 本地运行
  3. yarn mock 开启本地模拟数据
  4. yarn mockdev 也可以直接执行该命令,即为2、3两步骤

4.结构目录

├── babel.config.js 
├── yarn.lock
├── README.md   
├── vue.config.js                    配置  
├── .env.development                 开发环境参数
├── .env.production                  生产环境参数                
├── package-lock.json
├── package.json                    npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
├── src                             项目源码目录    
│   ├── main.js                         入口js文件
│   ├── app.vue                         根组件
│   ├── css                            公共样式   
│   │   └── common.css
│   ├── icons                           复杂的svg库
│   │   └── svg   
│   ├── api                             接口
│   │   └── index.js    
│   ├── mock                            模拟数据
│   │   └── index.js            
│   ├── utils                           狭存放自己封装的工具类函数
│   │   └── index.js    
│   ├── components                      公共组件目录
│   │   └── base                           造点轮子(主要是练习)
│   │   └── common                         通用组件
│   │   └── index                          首页组件
│   ├── assets                          资源目录,这里的资源会被wabpack构建
│   │   └── images
│   │       └── logo.png
│   ├── routes.js                        前端路由
│   ├── store.js                         应用级数据(state)
│   └── pages                           页面目录
│       └── index.vue
├── developer-diary                    开发者日记    
│   ├── inspiration                      灵感
│   └── wesiteDesign                    参赛原作品        
└── public                          纯静态资源,不会被wabpack构建。
    ├── index.html
    ├── logo.jpg                         
    └── favicon.ico   

API文档

API

测试账号

账号 密码 权限
superAdmin     123 2
admin    456  1
user    789 0

About

:movie_camera:NUPT Movie Club Homepage


Languages

Language:CSS 41.2%Language:JavaScript 40.1%Language:HTML 12.5%Language:Vue 4.7%Language:Less 1.5%