/ccmall-uniapp

ccmall是一个基于uniapp、springcloud alibaba的跨平台移动商城,致力于帮助企业及个人开发者快速交付

Primary LanguageVueApache License 2.0Apache-2.0

ccmall跨平台移动商城 [uniapp端]

SpringBoot SpringCloud Spring Cloud Alibaba

🐱 项目介绍

ccmall是一个基于uniapp、springcloud alibaba的跨平台移动商城,致力于帮助企业及个人开发者快速交付,支持微信小程序 + H5 + 公众号 + APP,完美支持二次开发,让您快速搭建个性化独立商城。

如果对您有帮助,您可以点右上角 “Star” 收藏一下 ,获取第一时间更新,谢谢!

🐶 源码下载

  1. 移动端(客户端,基于uniapp开发 用于生成H5、微信小程序、APP)

    仓库 地址
    gitee https://gitee.com/sjtucc/ccmall-uniapp
    github https://github.com/sjtucc/ccmall-uniapp
  2. 管理端(前端,基于vue开发 用于系统管理员操作资源权限)

    仓库 地址
    gitee https://gitee.com/sjtucc/ccmall-uniapp/tree/master/ccmall-vue
    github https://github.com/sjtucc/ccmall-uniapp/tree/master/ccmall-vue
  3. 服务端(ccmall-cloud后端,基于最新springcloud alibaba开发 完备的微服务脚手架与商城业务结合项目)

    地址:https://gitee.com/sjtucc/ccmall-cloud

    注:ccmall-cloud由团队持续更新,只需99元即可获得ccmall-cloud最新的源码、安装文档、安装技术支持,需要请联系团队微信:chensir_666888

🐭 移动端-部分截图(点击可大图预览)

🐹 管理端-部分截图(点击可大图预览)

🐳 ccmall-cloud技术架构(点击可大图预览)

🐠 ccmall-cloud技术特性

  • 技术框架:基于最新的Spring Cloud, Spring Boot, Spring Cloud Alibaba版本进行架构设计,持续集成更新;

  • 服务注册:以Nacos作为注册中心,实现多配置、分群组、分命名空间、多业务模块的服务注册与发现;

  • 动态配置:以Nacos作为配置中心,实现多配置、分群组、分命名空间、多业务模块的实时配置与感知;

  • 统一认证:基于Oauth2认证协议,采用jwt的方式,实现多中心统一认证,通过自定义复杂校验逻辑,实现微信、支付宝等多种登录模式;

  • 全局监控:采用SkyWalking实现链路追踪、指标观测、性能监测、扩容预判;

  • 远程调用:封装Feign实现远程调用,原生集成Spring Clound技术体系;

  • 业务熔断:采用Sentinel实现业务熔断处理,实时生效,安全可控,避免业务系统雪崩;

  • 服务网关:基于Spring Cloud Gateway实现统一服务入口、授权认证、请求日志记录、黑白名单控制;

  • 在线文档:通过接入Knife4j,实现多业务模块聚合在线API文档的查看与调试;

  • 代码生成:基于Mybatis-plus-generator逆向工程自动生成代码,提升开发效率;

  • 消息中心:封装消息中间件RocketMQKafkaKafka,对业务进行异步处理、事务补偿、以及日志收集;

  • 前后分离:微服务与前端页面逻辑完全分离,前端采用vue-element-admin

🐼 ccmall-cloud目录结构

ccmall-cloud -- 父项目,公共依赖
│  ├─ccmall-business -- 核心业务模块
│  ├─ccmall-data -- 业务数据模块
│  ├─ccmall-launcher -- 业务发布模块
│  ├─ccmall-admin -- 后台管理接口模块
│  ├─ccmall-app -- 移动商城接口模块
│  ├─ccmall-support -- 通用支持模块
│  ├─ccmall-doc -- 项目文档
│  ├─ccmall-core-starter -- 微服务脚手架
│  │  ├─ccmall-job -- 任务调度
│  │  ├─ccmall-feign -- 远程调用
│  │  ├─ccmall-cloud -- 微服务封装
│  │  ├─ccmall-database -- 数据库
│  │  ├─ccmall-encrypt -- 加密算法
│  │  ├─ccmall-file -- 文件管理
│  │  ├─ccmall-kafka -- 消息队列
│  │  ├─ccmall-rocket -- 消息队列
│  │  ├─ccmall-rabbit -- 消息队列
│  │  ├─ccmall-log -- 日志封装
│  │  ├─ccmall-redis -- 缓存
│  │  ├─ccmall-sms -- 短信
│  │  ├─ccmall-oss -- 对象存储
│  │  ├─ccmall-lock -- 分布式锁
        
...不一一列举

🐰 如何使用移动端

一、导入uniapp项目
1. 首先下载HBuilderX并安装,地址:https://www.dcloud.io/hbuilderx.html
2. 打开HBuilderX -> 顶部菜单栏 -> 文件 -> 导入 -> 从本地目录导入 -> 选择uniapp端项目目录
3. 找到config.js文件,找到里面的apiUrl项,填入已搭建的后端url地址
4. 打开manifest.json文件,选择微信小程序配置,填写小程序的appid
二、本地调试
1. 打开HBuilderX -> 顶部菜单栏 -> 运行 -> 运行到浏览器 -> Chrome
2. 如果请求后端api时 提示跨域错误,可安装Chrome插件:【Allow CORS: Access-Control-Allow-Origin】,地址:https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf
三、打包发行(H5)
1. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 网站H5-手机版
2. 打包后的文件路径:/unpackage/dist/build/h5
3. 将打包完成的所有文件 复制到商城后端/pulic目录下,全部替换
四、打包发行(微信小程序)
1. 下载微信开发者工具并安装,地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 小程序-微信
3. 打包后的文件路径:/unpackage/dist/build/mp-weixin
5. 打开微信开发者工具 导入 打包完成的项目
6. 检查没有运行错误,在右上方上传小程序
五、打包发行(Android、IOS)
1. 下载微信开发者工具并安装,地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2. 打开HBuilderX -> 顶部菜单栏 -> 发行 -> 原生App-云打包
3. 填写相关信息(app图标,启动页等详细配置可在 manifest.json 进行配置)

🐺 版权须知

  1. 允许个人学习研究使用,支持二次开发,允许商业用途(仅限自运营)。
  2. 允许商业用途,但仅限自运营,如果商用必须保留版权信息,望自觉遵守。
  3. 不允许对程序代码以任何形式任何目的的再发行或出售,否则将追究侵权者法律责任。