xjh22222228 / Vue Cnode
Licence: mit
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192
Projects that are alternatives of or similar to Vue Cnode
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (+45.31%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+585.42%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-24.48%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Putongoj Fe
The front end of the Putong Online Judge -- An online judge with nothing special
Stars: ✭ 74 (-61.46%)
Mutual labels: webpack, axios, vuex, iview, vue-router
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+8.33%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (+764.06%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+578.13%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Vue Home
🏠 A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.
Stars: ✭ 256 (+33.33%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+250.52%)
Mutual labels: webpack, vue-cli, axios, vuex, vue-router
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+491.15%)
Mutual labels: vue-cli, axios, vuex, vue-router
Vue Spa
vue-spa : vue + vue-router + axios + vuex + vux 快速成型移动端项目,直接使用。欢迎star
Stars: ✭ 46 (-76.04%)
Mutual labels: webpack, axios, vuex, vue-router
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+922.92%)
Mutual labels: webpack, axios, vuex, vue-router
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+602.6%)
Mutual labels: webpack, axios, vuex, vue-router
Vue2 Demo
Vue 基于 Genesis + TS + Vuex 实现的 SSR demo
Stars: ✭ 2,072 (+979.17%)
Mutual labels: webpack, vue-cli, vuex, vue-router
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (+345.31%)
Mutual labels: vue-cli, axios, vuex, vue-router
Todolist Frontend Vuejs
Front-end application for Todolist Web application built with Laravel and Vue.js
Stars: ✭ 120 (-37.5%)
Mutual labels: webpack, axios, vuex, vue-router
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+5635.42%)
Mutual labels: webpack, vue-cli, axios, vuex
2020-06-14 由于vue3的频繁变更,这个项目已经很老了,项目仅供参考,本项目不会再维护。
vue-cnode
- 基于 function-based API 进行改造
- 使用Vue observable API代替vuex作为状态管理
- 对项目进行了优化,新手入门更容易
预览
开发技术
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vuex": "^3.0.1"
"iview": "^3.4.2",
"axios": "^0.19.0",
"moment": "^2.24.0",
"simplemde": "^1.11.2",
"highlight.js": "^9.15.8",
"vue-function-api": "^2.0.5"
目录结构
.
├── src
│ ├── App.vue # 组件入口
│ ├── api # 接口
│ │ └── index.js
│ ├── assets # 资源目录
│ │ ├── img
│ │ │ ├── app-qrcode.png
│ │ │ ├── github.svg
│ │ │ └── not-match.gif
│ │ └── styles
│ │ ├── global.scss
│ │ ├── hljs.css
│ │ ├── markdown.css
│ │ ├── media.scss
│ │ ├── nprogress.css
│ │ ├── simplemde.css
│ │ ├── style.scss
│ │ └── variables.scss
│ ├── components
│ │ ├── footer
│ │ │ └── Footer.vue # 页脚
│ │ ├── header
│ │ │ └── Header.vue # 头部
│ │ ├── msg
│ │ │ └── Msg.vue # 未读消息和已读消息列表组件
│ │ ├── sidebar
│ │ │ └── Sidebar.vue # 侧边栏
│ │ └── topics-list
│ │ └── TopicsList.vue # 话题列表
│ ├── constants
│ │ └── index.js # 常量
│ ├── main.js # 程序入口
│ ├── router
│ │ └── index.js # 路由配置
│ ├── services
│ │ └── index.js # 服务接口
│ ├── store
│ │ └── index.js # 状态管理
│ ├── utils
│ │ ├── http.js # http请求
│ │ └── nprogress.js # 进度条
│ └── views
│ ├── 404
│ │ └── 404.vue # 404
│ ├── collections
│ │ └── Collections.vue # 收藏页
│ ├── index
│ │ └── Index.vue # 主页
│ ├── login
│ │ └── Login.vue # 登录页
│ ├── messages
│ │ └── Messages.vue # 未读消息页
│ ├── release
│ │ └── Release.vue # 发布话题/编辑话题页
│ ├── topic
│ │ └── Topic.vue # 话题详情页
│ └── user
│ └── User.vue # 用户详情页/个人主页
├── vue.config.js # vue-cli 配置文件
API清单 x 15
- [√] 主题首页
- [√] 主题详情
- [√] 新建主题
- [√] 编辑主题
- [√] 收藏主题
- [√] 取消收藏主题
- [√] 用户所收藏的主题
- [√] 新建评论
- [√] 为评论点赞
- [√] 用户详情/个人主页
- [√] 登录
- [√] 获取未读消息数
- [√] 获取已读和未读消息
- [√] 标记全部已读
- [√] 标记单个消息为已读
启动程序
# install dependencies
yarn or npm install
# serve with hot reload at localhost:3888
yarn serve or npm serve
# build for production with minification
yarn build or npm run build
👍👍👍
License
只要注明原作者许可声明,您可以自由地复制、分享、和修改。
Copyright (c) 2017-present, xiejiahe
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].