This is a novel site project build with Vue 2.0 , vue-router 2.0 , axios and vux plugin.
Qin is the use vue 2.0 and vue-router 2.0 for Vue.js. It deeply integrates with Vue.js core to make building Single Page Applications with Vue.js a breeze. One Point Novel Site Features include:
| .babelrc
| .editorconfig
| .gitignore
| .postcssrc.js
| index.html
| package.json
| README.md
|
+---build
| build.js
| check-versions.js
| dev-client.js
| dev-server.js
| utils.js
| vue-loader.conf.js
| vux-config.js
| webpack.base.conf.js
| webpack.dev.conf.js
| webpack.prod.conf.js
| webpack.test.conf.js
|
+---config
| dev.env.js
| index.js
| prod.env.js
| test.env.js
|
+---mock
| | app.js
| |
| +---controllers
| | adsCtr.js
| | authCtr.js
| | commentCtr.js
| | novelCtr.js
| |
| +---db
| | | dbconfig.js
| | | initDatabase.js
| | |
| | \---data
| | boysColumn.json
| | catalog.json
| | columnDetail.json
| | girlsColumn.json
| | infoColumn.json
| | positioncontent.json
| |
| +---middlewares
| | ajaxReturn.js
| |
| +---model
| | ads.js
| | catalog.js
| | comment.js
| | novel.js
| | user.js
| |
| \---routes
| index.js
| novel.js
|
+---src
| | App.vue
| | main.js
| |
| +---assets
| | +---css
| | | main.css
| | |
| | +---images
| | |
| | \---webfont
| |
| +---components
| | Catalog.vue
| | Comment.vue
| | Info.vue
| | Novel.vue
| | TopHeader.vue
| |
| +---router
| | | index.js
| | |
| | +---hooks
| | | | index.js
| | | |
| | | \---beforeEach
| | | authInterceptor.js
| | |
| | \---map
| | index.js
| | novel.js
| | user.js
| |
| +---services
| | | authServices.js
| | | infoServices.js
| | | novelServices.js
| | |
| | \---xhr
| | config.js
| | httpClient.js
| |
| +---utils
| | cookie.js
| | Slide.js
| | tips.js
| | utils.js
| |
| \---views
| | index.vue
| |
| +---index
| | | index.vue
| | |
| | \---_components
| | Carousel.vue
| | Layout.vue
| | Newinfo.vue
| | TabMenu.vue
| |
| +---login
| | index.vue
| |
| +---novelcatalog
| | index.vue
| |
| +---noveldetail
| | index.vue
| |
| +---novelindex
| | index.vue
| |
| +---publishComment
| | index.vue
| |
| +---reader
| | index.vue
| |
| +---regist
| | index.vue
| |
| +---search
| | | index.vue
| | |
| | \---_components
| | HotWords.vue
| | SearchResult.vue
| |
| \---usercenter
| index.vue
|
\---test
\---unit
| .eslintrc
| index.js
| karma.conf.js
|
\---specs
Hello.spec.js
If you need a new component, don't hesitate to raise an issue.
The diagram is made with coggle
The Story continues...
# clone the project
git clone [email protected]:nokelong/Qin.git
# install dependencies
npm install
# start mongodb server [mongodb install in D:\mongodb]
mongod --dbpath=D:\mongodb\data\db
# or win 32bit system
mongod --dbpath=D:\mongodb\data\db --journal
# init mongodb database [qindb]
node mock/db/initDatabase.js
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
# run unit tests
npm run unit
# run all tests
npm testPlease make sure to read the Contributing Guide before making a pull request.
Copyright (c) 2017-present Noke
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent