All Projects → Umbrella001 → mtapp

Umbrella001 / mtapp

Licence: other
💫 💫 Vue全家桶(配Nuxt)+ssr服务器渲染+koa2 打造美团App项目(还在更新...)📦

Programming Languages

Vue
7211 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to mtapp

nodejs-koa-blog
基于 Node.js Koa2 实战开发的一套完整的博客项目网站
Stars: ✭ 1,611 (+5270%)
Mutual labels:  koa2, nuxtjs
task-manager
Open-source task manager based on Kanban. Made with vue.js, koa2, mongodb\mongoose.
Stars: ✭ 23 (-23.33%)
Mutual labels:  koa2, nuxtjs
Hare
🐇 Application boilerplate based on Vue.js 2.x, Koa 2.x, Element-UI and Nuxt.js
Stars: ✭ 258 (+760%)
Mutual labels:  koa2, nuxtjs
yummyplan.github.io
A meal planning app for an entire week - built with Nuxt and tailwind
Stars: ✭ 25 (-16.67%)
Mutual labels:  nuxtjs
koa-practice
koa + RESTful + 中间件模式开发的后端程序,基本可以满足一般的业务需求,有需要的朋友可以查看
Stars: ✭ 13 (-56.67%)
Mutual labels:  koa2
nuxtswagger
Nuxt-TS-Swagger
Stars: ✭ 17 (-43.33%)
Mutual labels:  nuxtjs
nuxtjs-woocommerce
NuxtJS (Vue) eCommerce site with WooCommerce backend
Stars: ✭ 83 (+176.67%)
Mutual labels:  nuxtjs
mpvue canvas drawer
[mpvue版本]微信小程序上canvas绘制图片助手,一个json就制作分享朋友圈图片
Stars: ✭ 43 (+43.33%)
Mutual labels:  mpvue
solidata frontend
first draft for solidata_frontend : vue+nuxt+vuetify+i18n+axios
Stars: ✭ 15 (-50%)
Mutual labels:  nuxtjs
now-nuxt
A Now v2 Nuxt builder
Stars: ✭ 25 (-16.67%)
Mutual labels:  nuxtjs
cloudinary-module
Integration of Cloudinary to Nuxt.js
Stars: ✭ 129 (+330%)
Mutual labels:  nuxtjs
generative-art
🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].
Stars: ✭ 41 (+36.67%)
Mutual labels:  nuxtjs
BS Nuxt Starter
⚠️ Deprecated
Stars: ✭ 28 (-6.67%)
Mutual labels:  nuxtjs
nuxt-fontagon
Try converting svg into font easily to make icon-font automatically. The Icon-Font generator Fontagon is available on the Nuxt module.
Stars: ✭ 18 (-40%)
Mutual labels:  nuxtjs
TGVmax
🚂 Get a notification when your TGVmax seat is available
Stars: ✭ 31 (+3.33%)
Mutual labels:  koa2
Dailyfresh-B2C
这是一个 ☛全栈/全端/全平台☚ 的B2C模式的电商项目, web后台基于Django2.0 + Python3.6, 前后端分离,前端使用Vue框架开发。移动端基于Flutter开发,一套代码支持Android&IOS平台。微信小程序基于mpvue框架开发。
Stars: ✭ 74 (+146.67%)
Mutual labels:  mpvue
finger-blog
个人博客代码仓库
Stars: ✭ 25 (-16.67%)
Mutual labels:  koa2
PlanningSup
Planning universitaire réalisé en Nuxt.js
Stars: ✭ 16 (-46.67%)
Mutual labels:  nuxtjs
madao
🎉 My blog, powered by @nuxt
Stars: ✭ 54 (+80%)
Mutual labels:  nuxtjs
zksync-dapp-checkout
zkCheckout — trustable permissionless DeFi payment gateway. Brand new zkSync dApp w/t all L2 perks: fast&cheap transfers / simple&quick withdrawal
Stars: ✭ 37 (+23.33%)
Mutual labels:  nuxtjs

Vue全家桶+服务器渲染SSR+KOA2 高仿美团App

项目笔记(有点小乱,私密访问CSDN)

上面都是自己的小小笔记,不算很全((┬_┬)可能看起来不好看)

部署运行步骤

① Fock项目到自己的Github,然后下载代码到本地,可以使用git工具将依赖 install 好

# install dependencies
$ npm run install

② 在运行前还需要部署好MongoDB数据库和robomongo数据库可视化辅助工具(Robo 3T),还有登录模块要用到的Redis

因为项目多数使用线上接口请求数据,而使用MongoDB线下的数据库操作比较少,但是还是有,所以还得部署一个MongoDB,我们通过命令行启动MongoDB后,然后打开下载好的辅助工具Robo 3T,此时会检测本机运行的MongoDB,然后你连接后,创建一个库名为student(注意了,这里如果要定义其他名字的话,要对应改连接数据库的相关代码,如果自己可以驾驭可以试试,不行的话就先起这个名字);

此时就是把导入这些写好的数据库表【项目中的dbs文件夹中的9个】,然后通过下面命令导入即可;

mongoimport -d dbs -c pois pois.dat

其中 dbs 是你的数据库名称,pois是集合名,pois.dat是对应的数据源文件。离线数据文件夹中共9个文件,需要逐个导入。

完成后,你就里成功差一步了,此时在把下载好的Redis也进行启动 → 关于下载的版本和如何启动可以看 美团项目 -- 项目搭建1(搭建环境及一些错误处理) 介绍了下载版本和一些报错处理 以及 美团项目 -- 登陆注册3(数据库配置、Redis配置、邮箱验证配置)中的第九专题介绍了启动方法

③ 完成上面步骤,且没有报错的话,此时就可以进行开发运行 和 线上打包等操作了

# serve with hot reload at localhost:8888
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

项目使用的Nuxtjs,比较喜欢它的创建即路由的特性,还可以配合SSR和KOA2打造高效率的开发

For detailed explanation on how things work, check out Nuxt.js docs.

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