在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:mei-shopone开源软件地址:https://gitee.com/shaidian/mei-shopone开源软件介绍:mei-shopone前言此项目是基于nuxt+egg+mysql开发的在线商城系统全栈模板,目前前端部分已适配移动端。面向开发人员友好,快速,轻巧,干净,并包含W3有效源代码。后台管理系统基于vuetify实现。项目正在逐步完善中,如果您在使用购买后发现问题,欢迎您随时提出。开源版包含首页组件等部分内容,欢迎体验。如果您有完整需求,请移步(猪八戒平台-晒点工匠)进行购买。此源码仅作为学习使用,不得商用。有任何问题都可以咨询下方的QQ,基本都在线。 用户名:test密码:123456 联系QQ:87362873 全栈项目特点
前端系统说明采用nuxt.js构建,极速的服务端渲染,流畅体验shop1├── README.md├── package.json├── jsconfig.json├── nuxt.config.json├── assets│ ├── img 图片│ └── scss 样式├── components 组件│ ├── all-products 所有商品│ ├── cart 购物车│ ├── common 公用│ ├── landing-one 详情│ ├── modals 层│ ├── products 商品├── layouts│ ├── BackToTop.vue │ ├── default.vue │ ├── error-layout.vue │ ├── error.vue │ ├── Footer.vue │ ├── Menubar.vue 菜单│ ├── SidebarPanel.vue │ ├── SiteLoader.vue │ ├── TopHeader.vue │ ├── TopPanel.vue ├── middleware├── plugins│ ├── axios.js http请求 │ ├── vue-backtotop.js │ ├── vue-carousel.js │ ├── vue-toastification.js │ ├── vueperslides.js ├── static│ ├── favicon.png 图标 │ ├── README.md ├── store│ ├── categories.js 菜单 │ ├── index.js 基础│ ├── products.js 商品 ├── utils│ ├── sidebar-util.js │ ├── assets│ │ └── vuetify.svg 等静态资源│ ├── components│ │ └── base│ │ ├── Btn.vue 按钮│ │ ├── Card.vue 卡片│ │ ├── Item.vue 菜单项│ │ ├── ItemGroup.vue 菜单项│ │ ├── MaterialCard.vue 卡片│ │ ├── MaterialStatsCard.vue 卡片状态│ ├── main.js│ ├── plugins│ │ ├── base.js 基础│ │ ├── chartist.js chart│ │ ├── vee-validate.js 验证│ │ ├── vue-world-map.js map地图│ │ └── vuetify.js vuetify核心│ │ └── element.js element核心│ ├── router.js 路由│ ├── sass sass样式│ │ ├── main.scss│ │ ├── overrides.sass│ │ └── vuetify-material│ │ └── _sidebar.sass│ ├── store.js vuex状态│ └── views│ ├── dashboard│ │ ├── Dashboard.vue│ │ ├── Index.vue │ │ ├── components│ │ │ └── core 核心│ │ │ ├── AppBar.vue│ │ │ ├── Drawer.vue│ │ │ ├── Settings.vue│ │ │ └── View.vue│ │ ├── goods 商品│ │ │ ├── Add.vue│ │ │ ├── Cate.vue│ │ │ ├── List.vue│ │ │ └── Params.vue│ │ ├── order 订单│ │ │ ├── citydata.js│ │ │ └── Order.vue│ │ ├── power 权限│ │ │ ├── Rights.vue│ │ │ ├── Roles.vue│ │ ├── report 报表│ │ │ ├── Report.vue│ │ └── user 用户│ │ ├── User.vue│ │ ├── UserProfile.vue│ └── pages│ ├── Error.vue 错误页│ ├── Index.vue│ ├── Login.vue 登录页│ └── components 组件│ └── core│ ├── Footer.vue│ └── View.vue├── tests│ ├── e2e│ │ ├── plugins│ │ │ └── index.js│ │ ├── specs│ │ │ └── test.js│ │ └── support│ │ ├── commands.js│ │ └── index.js│ └── unit│ └── example.spec.js├── vue.config.js 端口设置 "config": { "nuxt": { "host": "localhost", "port": "xxxx" } } 后端管理系统项目说明功能用于管理用户账号,商品分类,商品信息,订单,数据统计等业务 采用 Vuetify 开发Vuetify 是一个 Vue UI 库,包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。https://vuetifyjs.com/zh-Hans/ 整体文档简单说明admin├── README.md├── CHANGELOG.md├── babel.config.js├── cypress.json├── jest.config.js├── now.json├── package.json├── postcss.config.js├── public│ ├── favicon.png 图标│ └── index.html├── layouts 布局│ ├── frontend│ │ └── index.vue│ │ └── view.vue├── src│ ├── App.vue │ ├── assets│ │ └── vuetify.svg 等 静态资源│ ├── components│ │ └── base│ │ ├── Btn.vue 按钮│ │ ├── Card.vue 卡片│ │ ├── Item.vue 菜单项│ │ ├── ItemGroup.vue 菜单项│ │ ├── MaterialCard.vue 卡片│ │ ├── MaterialStatsCard.vue 卡片状态│ ├── main.js│ ├── plugins│ │ ├── base.js 基础│ │ ├── chartist.js chart│ │ ├── vee-validate.js 验证│ │ ├── vue-world-map.js map地图│ │ └── vuetify.js vuetify核心│ │ └── element.js element核心│ ├── router.js 路由│ ├── sass sass样式│ │ ├── main.scss│ │ ├── overrides.sass│ │ └── vuetify-material│ │ └── _sidebar.sass│ ├── store.js vuex状态│ └── views│ ├── dashboard│ │ ├── Dashboard.vue│ │ ├── Index.vue │ │ ├── components│ │ │ └── core 核心│ │ │ ├── AppBar.vue│ │ │ ├── Drawer.vue│ │ │ ├── Settings.vue│ │ │ └── View.vue│ │ ├── goods 商品│ │ │ ├── Add.vue│ │ │ ├── Cate.vue│ │ │ ├── List.vue│ │ │ └── Params.vue│ │ ├── order 订单│ │ │ ├── citydata.js│ │ │ └── Order.vue│ │ ├── power 权限│ │ │ ├── Rights.vue│ │ │ ├── Roles.vue│ │ ├── report 报表│ │ │ ├── Report.vue│ │ └── user 用户│ │ ├── User.vue│ │ ├── UserProfile.vue│ └── pages│ ├── Error.vue 错误页│ ├── Index.vue│ ├── Login.vue 登录页│ └── components 组件│ └── core│ ├── Footer.vue│ └── View.vue├── tests│ ├── e2e│ │ ├── plugins│ │ │ └── index.js│ │ ├── specs│ │ │ └── test.js│ │ └── support│ │ ├── commands.js│ │ └── index.js│ └── unit│ └── example.spec.js├── vue.config.js apiserver说明(API文档联系QQ获取)项目整体文件简单说明├──config 配置文件目录│ ├── default.json 默认配置文件(其中包含数据库配置,jwt配置)├──dao 数据访问层,存放对数据库的增删改查操作│ ├── DAO.js 提供的公共访问数据库的方法├──models 存放具体数据库 ORM 模型文件├──modules 当前项目模块│ ├── authorization.js API权限验证模块│ ├── database.js 数据库模块(数据库加载基于 nodejs-orm2 库加载)│ ├── passport.js 基于 passport 模块的登录搭建│ ├── resextra.js API 统一返回结果接口├──node_modules 项目依赖的第三方模块├──routes 统一路由│ ├── api 提供 api 接口│ ├── mapp 提供移动APP界面│ ├── mweb 提供移动web站点├──services 服务层,业务逻辑代码在这一层编写,通过不同的接口获取的数据转换成统一的前端所需要的数据├──app.js 主项目入口文件├──package.json 项目配置文件 categoriesweb ,goodsweb 等 后缀 为web的为 提供前端调取的api接口 本地环境 Node.js + MySQL 创建数据库 数据库文件在:db -> mysdb.sql 创建数据库mydb,可通过新建查询执行mysdb.sql下的SQL语句建立数据库,数据库表 数据库连接名:root 密码: 123456 可在config -> default.json 修改 技术选型前端
管理后台
项目预览使用说明安装依赖# 建议安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install 所有项目必须先 npm install (前端+后端管理系统+apiserver) 前端部分启动服务(服务端渲染)npm run dev 构建生产环境npm run build 后端部分构建生产环境npm run serve 构建生产环境npm run build apiserver启动服务1. npm install supervisor -g2. supervisor node app.js 使用pm2管理应用1. npm i pm2 -g //全局安装2. pm2 start 脚本(如./app.js) --name 自定义名称 // 启动项目3. pm2 ls //查看服务器运行的项目4. pm2 restart 自定义名称 //重启项目5. pm2 stop 自定义名称 //停止项目6. pm2 delete 自定义名称 //删除项目 特别链接晒点商城一个有情怀有版型有温度的商城自选平台商城,高度可定制商务合作邮箱:[email protected]联系QQ:87362873槑先森工作室 |
请发表评论