• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

nuxt-elm: 基于nuxt2+vue构建的全栈开源项目,原始仓库:

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

nuxt-elm

开源软件地址:

https://gitee.com/easytuan/nuxt-elm

开源软件介绍:

简体中文 | English

前言

以nuxt2作为vue的服务端渲染,适合刚接触或者准备上vue ssr的同学参考和学习,此项目涉及注册、登录、商品展示、地址管理等等,从前端到后端到最后到服务端部署,让你体验到全栈开发到乐趣。

注:项目仿照饿了么H5版本,参考2018最新UI,正常下单请选择饿了么官方客户端。

如遇网络不佳,请移步国内镜像加速节点

效果演示

查看demo请戳这里(请用chrome手机模式预览)

移动端扫描下方二维码

API接口文档

接口文档地址(基于apidoc)

技术栈

nuxt2 + vue + vuex + vue-router + mint-ui

项目运行

git clone [email protected]:EasyTuan/nuxt-elm.git# 国内镜像加速节点:[email protected]:easytuan/node-elm-api.gitcd nuxt-elmnpm installnpm run dev# 模版快速生成npm run tep `文件名`# pm2部署npm run start

补充

此项目有配套的后台系统,如果想体验前后台同时开发,可以下载对应的后台系统:后台项目传送地址

如果只做前端开发,请忽略这句话。

休闲一刻

目标功能

  • 商家列表 -- 完成
  • 购物车功能 -- 完成
  • 餐馆食品列表页 -- 完成
  • 店铺评价页面 -- 完成
  • 商家详情页 -- 完成
  • 登录、注册 -- 完成
  • 修改密码 -- 完成
  • 个人中心 -- 完成
  • 红包 -- 完成
  • 收货地址 -- 完成

业务介绍

目录结构

├── assets                    // 静态资源│   ├── images                    // 图片资源│   ├── services                  // api请求│   ├── styles                    // 样式文件│   └── utils                     // 常用工具类├── components                // 组件├── config│   └── index.js                  // 配置文件├── layouts                  // 布局├── middleware               // 中间件├── pages                    // 页面├── plugins                  // 插件├── static                   // 静态资源└── store                    //vuex状态树

部分截图展示

首页展示

个人资料

我的

订餐

商家评价

说明

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap