All Projects → vue-cabin → Timeline Vue

vue-cabin / Timeline Vue

💌基于 Vue -> Koa2 -> Mongoose 的留言时间轴,记录美好时光。

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Timeline Vue

react-graphql
react-graphql 快速开发方案
Stars: ✭ 15 (+7.14%)
Mutual labels:  koa, mongoose
mongoose-slug-plugin
Slugs for Mongoose with history and i18n support (uses speakingurl by default, but you can use any slug library such as limax, slugify, mollusc, or slugme)
Stars: ✭ 21 (+50%)
Mutual labels:  mongoose, message
node-fs
node-fs
Stars: ✭ 55 (+292.86%)
Mutual labels:  koa, mongoose
Graphql Demo
🎉Koa + GraphQL + Apollo-Server demo
Stars: ✭ 215 (+1435.71%)
Mutual labels:  mongoose, koa
Vue Koa2 Login
基于 token 的登录注册。
Stars: ✭ 275 (+1864.29%)
Mutual labels:  mongoose, koa
koa-mongoDB
😊😊Koa and mongoose build services
Stars: ✭ 24 (+71.43%)
Mutual labels:  koa, mongoose
koa-server
🗄️ GraphQL Back-end Server with Relay, Koa, MongoDB and Mongoose
Stars: ✭ 31 (+121.43%)
Mutual labels:  koa, mongoose
Koa Vue Fullstack
A lightweight boilerplate for a universal webapp based on koa, mongodb, node, vue, and webpack
Stars: ✭ 126 (+800%)
Mutual labels:  mongoose, koa
graceful
Gracefully exit server (Koa), database (Mongo/Mongoose), Redis clients, and job scheduler (Redis/Bull)
Stars: ✭ 37 (+164.29%)
Mutual labels:  koa, mongoose
koa-mongo
Koa2 + Mongoose + TypeScript Playground
Stars: ✭ 16 (+14.29%)
Mutual labels:  koa, mongoose
Nobibi
一款基于Next.js+mongo的轻量级开源社区(open community by Next.js & mongo)
Stars: ✭ 209 (+1392.86%)
Mutual labels:  mongoose, koa
Create Graphql
Command-line utility to build production-ready servers with GraphQL.
Stars: ✭ 441 (+3050%)
Mutual labels:  mongoose, koa
Blog Service
blog service @nestjs
Stars: ✭ 188 (+1242.86%)
Mutual labels:  mongoose, koa
koa-session-mongoose
Mongoose store for Koa sessions
Stars: ✭ 29 (+107.14%)
Mutual labels:  koa, mongoose
Lad
👦 Lad is the best Node.js framework. Made by a former Express TC and Koa team member.
Stars: ✭ 2,112 (+14985.71%)
Mutual labels:  mongoose, koa
email
Aplus Framework Email Library
Stars: ✭ 127 (+807.14%)
Mutual labels:  email, message
Cdfang Spider
📊 成都房协网数据分析,喜欢请点 star!
Stars: ✭ 1,063 (+7492.86%)
Mutual labels:  mongoose, koa
Vue Family Bucket Ssr Koa2 Full Stack Development From Meituan
🚀🚀2020最新Vue全家桶+SSR+Koa2全栈开发☁
Stars: ✭ 100 (+614.29%)
Mutual labels:  mongoose, koa
blog-backend
前后端分离实践----基于Koa2框架博客后端
Stars: ✭ 54 (+285.71%)
Mutual labels:  koa, mongoose
Practice
💦 你没有见过的终极实战
Stars: ✭ 283 (+1921.43%)
Mutual labels:  mongoose, koa

时间轴

💌基于 Vue -> Koa2 -> Mongoose Vue 的留言时间轴,记录美好时光。

目录

效果预览

emmmmmmm

项目运行

# 安装依赖
npm run bootstrap

# 前端
npm run start

# 后端
npm run server

# 同时开启
npm run all

前端项目目录

生成方式:参考文档 https://github.com/jrainlau/filemap

npm run filemap
|__ build                                             # webpack 配置
  |__ build.js
  |__ check-versions.js
  |__ dev-client.js
  |__ dev-server.js
  |__ salad.config.json
  |__ utils.js
  |__ vue-loader.conf.js
  |__ webpack.base.conf.js
  |__ webpack.dev.conf.js
  |__ webpack.prod.conf.js
|__ config
  |__ dev.env.js
  |__ index.js
  |__ prod.env.js
|__ server-koa                                        # koa:目录在下面
|__ src                                               # vue 源代码
  |__ App.vue                                           # vue 入口
  |__ assets                                            # 静态资源
    |__ emoji                                             # emoji 图片
      |__ 1.gif
      |__ 2.gif
      |__ 3.gif
      |__ ....gif
    |__ fonts                                             # 字体
      |__ iconfont.eot
      |__ iconfont.svg
      |__ iconfont.ttf
      |__ iconfont.woff
    |__ logo.png
  |__ components                                        # vue 组件
    |__ loading.vue                                       # 加载中组件
    |__ message                                           # 留言页面
      |__ pagination.vue                                    # 分页组件
      |__ publish.vue                                       # 发布留言组件
      |__ timeline.vue                                      # 留言列表组件
    |__ message.vue                                       # 留言页面
    |__ switch.vue                                        # 开关组件
    |__ toast.vue                                         # 提示组件
  |__ http                                              # http 请求
    |__ index.js                                          # axios 配置及 GET、POST请求方法封装
  |__ main.js                                           # webpack 入口
  |__ router                                            # 路由配置
    |__ index.js
  |__ styles                                            # 样式
    |__ less
    |__ postcss
      |__ icon.css
      |__ index.css
      |__ loading.css
      |__ message.css
      |__ pagination.css
      |__ publish.css
      |__ timeline-backup.css
      |__ timeline.css
      |__ var.css
    |__ scss
    |__ stylus
    |__ tipsy.css
  |__ utils                                             # 工具方法
    |__ date.js
    |__ dom.js
|__ static
  |__ .gitkeep
|__ .babelrc
|__ .editorconfig
|__ .eslintignore
|__ .eslintrc.js
|__ .gitignore
|__ .postcssrc.js
|__ index.html
|__ package-lock.json
|__ package.json
|__ README.md
|__ yarn.lock

⬆ back to top

后端项目目录

/server-koa/

|__ app                                                # 应用
  |__ controllers                                        # 控制层
    |__ admin.js                                           # 管理后台:用户、留言、emoji
    |__ emoji                                              # emoji
      |__ index.js
    |__ emojies.js                                         # emoji 数据(接口已经存在了)
    |__ message                                            # 留言接口:新增留言、留言列表
      |__ index.js
  |__ middleware                                         # 中间件
    |__ permission.js                                      # 权限控制:登录及管理员
  |__ models                                             # 模型
    |__ emoji.js                                           # emoji
    |__ message.js                                         # 留言
    |__ user.js                                            # 用户
  |__ routes                                             # 路由
    |__ admin.js                                           # 管理后台路由:需要登录
    |__ emoji                                              # emoji 路由
      |__ index.js
    |__ index.js                                           # 合并emoji 路由、留言路由
    |__ message                                            # 留言路由
      |__ index.js
    |__ user                                               # 管理后台路由:开放登录
      |__ index.js
  |__ service                                            # 服务层
    |__ config.js                                          # 发送邮件配置(见下面的emoji.js 说明)
    |__ email.js                                           # 发送邮件
    |__ emoji.js                                           # emoji
    |__ index.js
    |__ location.js                                        # 地理位置
    |__ message.js                                         # 留言
  |__ views                                              # 视图层
    |__ includes                                           # 通用模板
      |__ head.pug
      |__ header.pug
    |__ layout.pug                                         # 布局模板
    |__ pages                                              # 页面
      |__ 404.pug                                            # 404 页面
      |__ emoji                                              # emoji 页面
        |__ add.pug                                            # 新增emoji 页面
        |__ list.pug                                           # emoji 列表页面
      |__ message                                            # 留言页面
        |__ list.pug                                             # 留言列表页面
        |__ reply.pug                                            # 回复留言页面
        |__ update.pug                                           # 更新留言页面
      |__ user                                               # 管理员页面
        |__ list.pug                                               # 管理员列表页面
        |__ signin.pug                                               # 登录页面
        |__ signup.pug                                               # 注册页面
|__ config                                                # 应用和数据库配置
  |__ index.js
|__ public                                                # 静态资源
  |__ js                                                    # 删除操作
    |__ admin.js
  |__ libs                                                  # 类库
    |__ bootstrap
    |__ jquery
|__ .bowerrc
|__ .editorconfig
|__ .eslintrc.json
|__ app.js                                                # 应用入口
|__ bower.json
|__ gruntfile.js                                          # grunt 配置
|__ gulpfile.js                                           # gulp 配置
|__ package.json

⬆ back to top

项目架构(加载中...)

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