All Projects → xjh22222228 → Vue Cnode

xjh22222228 / Vue Cnode

Licence: mit
🚀 基于vue3 function-based 构建cnode社区

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
Vue Music
使用vue2.0构建音乐播放器
Stars: ✭ 60 (-68.75%)
Mutual labels:  webpack, vue-cli, axios, vuex
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+602.6%)
Mutual labels:  webpack, axios, vuex, vue-router
Vue Shop
VUE移动小商城
Stars: ✭ 148 (-22.92%)
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
Eleme
restructure..
Stars: ✭ 1,635 (+751.56%)
Mutual labels:  webpack, vue-cli, vuex, vue-router

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

MIT

只要注明原作者许可声明,您可以自由地复制、分享、和修改。

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].