vue-cabin / Timeline Vue
💌基于 Vue -> Koa2 -> Mongoose 的留言时间轴,记录美好时光。
Stars: ✭ 14
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Timeline Vue
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
Graphql Demo
🎉Koa + GraphQL + Apollo-Server demo
Stars: ✭ 215 (+1435.71%)
Mutual labels: mongoose, koa
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
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
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
Vue Family Bucket Ssr Koa2 Full Stack Development From Meituan
🚀🚀2020最新Vue全家桶+SSR+Koa2全栈开发☁
Stars: ✭ 100 (+614.29%)
Mutual labels: mongoose, koa
时间轴
💌基于 Vue -> Koa2 -> Mongoose Vue 的留言时间轴,记录美好时光。
目录
效果预览
项目运行
# 安装依赖
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
后端项目目录
/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
项目架构(加载中...)
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].