Home

Awesome

RF 商城 3.0 - 前端

前言

基于 RageFrame3 的一款免费开源的基础销售功能的商城,前端基于 uni-app,一端发布多端通用, 使用了 vue3, vite4, typescript, javascript 等主流开发技术。

项目地址

前端开源地址: https://github.com/jianyan74/TinyShop-UniApp

后端开源地址: https://github.com/jianyan74/TinyShop

Uni-App插件地址: https://ext.dcloud.net.cn/plugin?id=13865

B2C-Demo

H5 预览: http://v3.h5.b2c.rageframe.com/
后台预览: https://v3.b2c.rageframe.com/backend/
账号: test
密码: 123456

B2B2C-Demo

【总后台】
H5 预览: http://v3.h5.b2b2c.rageframe.com/
后台预览: https://v3.b2b2c.rageframe.com/backend/
账号: test
密码: 123456

【商家端】
后台预览: https://v3.b2b2c.rageframe.com/merchant/
账号: test
密码: 123456

小程序 Demo

image

安装说明

1、安装相关依赖, 默认已拥有node环境

// 安装yarn命令
npm i -g yarn
// 安装依赖
yarn
  1. 运行到指定平台
// 运行到H5
yarn serve
// 运行至对应的小程序平台
yarn dev:PLATFORM
平台
h5H5
mp-weixin微信小程序
mp-alipay支付宝小程序
mp-baidu百度小程序
mp-toutiao头条小程序
mp-qqqq 小程序
  1. 打包至线上部署
// H5打包
yarn build
yarn build:PLATFORM // 平台信息同上

使用对应的小程序客户端进行发布。

4、发布uni-app(打包为原生App云端)

配合HBuilderX使用

注: H5 除主页外刷新页面会出现 404 需配置 nginx 伪静态

location / {
    try_files $uri $uri/ /index.html;
}

官网

http://www.rageframe.com

问题反馈

在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我们交流

QQ群1:655084090 (2000人快满)
QQ群2:1148015133 (新群)

特别鸣谢

感谢以下的项目,排名不分先后

Vuejs: https://github.com/vuejs/vue

uni-app: https://uniapp.dcloud.io/

...

版权信息

RF商城 遵循 Apache2 开源协议并 附加使用协议 发布,并提供商用免费使用。

本项目包含的第三方源码和二进制文件之版权信息另行标注。

版权所有Copyright © 2016-2023 by RageFrame www.rageframe.com

All rights reserved。