简单的CMS商城(uni-app多端) 基于uni-app的多端CMS社区商城系统(无充值)

预览截图

功能介绍

此插件是一款基于ThinkPHP5 + FastAdmin + Uni-App 开发的多端基础管理系统插件,简单的配置即可发布到支付宝小程序,微信小程序,安卓客户端,微信客户端,手机h5网页端。

1.0.4版本更新

老用户升级后请设置默认组权限 否则前端无功能

—前端—
修复:我的足迹错误显示为我的收藏
修复:安卓端提示 VideoPlayer 未配置错误
修复:app端无法兼容woff2字体导致图标显示错误
修复:视频播放改为包含模式,竖着的视频播放不填充
修复:cms详情 100%宽图片无缝连接 
新增:积分商城,商品详情页面
优化:全局刷新用户信息重复问题
新增:物流查询页面
新增:我的订单数字角标
新增:默认用户工具配置

—后台—
新增:robot机器人通知,钉钉/企业微信(需提前安装组件);
新增:moyi/shop接口 包含(getDetails,getList,setOrder,expressData)
新增:加入会员规则,可在后端会员管理,会员分组/会员规则/ 配置分组菜单列表
—插件配置—
新增:评论通知/ 订单通知
修改:删除前端页面位置本用于邀请二维码生成,暂时用不到。

1.0.3版本更新

—前端—
优化:遗弃官方菜单 采用cu-bar 采用矢量图标 颜色 继承lessClass
修复:下拉资讯卡片背景灰色
修复:cms分类导航条过多导致换行问题
新增:tabConf配置 并封装 my-tab-bar 遗弃官方菜单选项
新增:封装 my-scroll 遗弃官方上拉刷新  (仅兼容h5)
新增:我的收藏
—后台—
新增:收藏记录
—API —
新增:moyi/getList   新增:收藏记录

1.0.2版本更新

—前端—
新增:my-bar 增加noTile 适配h5效果更佳
新增:my-bar 优化 返回 并添加homText homeUrl详情见专区文章
新增:cms 页面视频
新增:cms 页面转发小程序图片标题
新增:cms 下拉刷新
新增:每次评论获1个积分
新增:积分纪录/余额纪录/我的足迹/我的评论
新增:配置次要样式lessClass
新增:评论消息长按菜单/复制/举报/删除
修复:微信小程序评论显示错位
修复:轮播图跳转url报错
修复:找回密码及注册
优化:找回注册后直接登陆账号
优化:文章点赞按钮继承bgClass
优化:所有请求附带token(之前区分)
—后台—
新增:点赞记录/积分记录/余额记录/浏览记录/
升级:内容管理新增视频上传
—API—
升级:cms/getList 新增:浏览记录/评论记录,优化:评论列表排序
升级:cms/getDetails 新增:记录浏览历史
升级:cms/setReviews 新增:评论获取积分
新增:moyi/delReviews 新增:删除评论
修复:moyi 修复:部分关键函数改私有方法
新增:moyi/getList 新增:积分记录/余额记录

1、编译方式

前端采用uni-app,后端采用fastadmin,api文档在插件首页
编译需要使用 HBuilderX

2、插件使用手册

本插件提供基本使用手册 https://www.kancloud.cn/fyxgzs/moyicms

3、找回密码/注册账号/修改手机 功能需要用到短信

短信配置插件如下

register    //注册
$code = 验证码 
resetpwd    //重置密码
$code = 验证码
changemobile   //修改手机
$code = 验证码

4、小程序快捷登陆

目前支持支付宝快捷登陆以及微信快捷登陆
需在插件配置中设置

5、demo (1.0.2版本,待更新)

安卓下载
http://cdn.fyxbl.top/moyicms1_0_2.apk
苹果越狱包下载
http://cdn.fyxbl.top/moyicms1_0_2.ipa





介绍

查看更多

3月前

优化:遗弃官方菜单 采用cu-bar 采用矢量图标 颜色 继承lessClass
修复:下拉资讯卡片背景灰色
修复:cms分类导航条过多导致换行问题
新增:tabConf配置 并封装 my-tab-bar 遗弃官方菜单选项
新增:封装 my-scroll 遗弃官方上拉刷新 (暂仅兼容h5端)
新增:我的收藏

3月前

1.0.2版本

—前端—
新增:my-bar 增加noTile 适配h5效果更佳
新增:my-bar 优化 返回 并添加homText homeUrl详情见专区文章
新增:cms 页面视频
新增:cms 页面转发小程序图片标题
新增:cms 下拉刷新
新增:每次评论获1个积分
新增:积分纪录/余额纪录/我的足迹/我的评论
新增:配置次要样式lessClass
新增:评论消息长按菜单/复制/举报/删除
修复:微信小程序评论显示错位
修复:轮播图跳转url报错
修复:找回密码及注册
优化:找回注册后直接登陆账号
优化:文章点赞按钮继承bgClass
优化:所有请求附带token(之前区分)
—后台—
新增:点赞记录/积分记录/余额记录/浏览记录/
升级:内容管理新增视频上传
—API —
升级:cms/getList 新增:浏览记录/评论记录

        优化:评论列表排序

升级:cms/getDetails 新增:记录浏览历史
升级:cms/setReviews 新增:评论获取积分
新增:moyi/delReviews 新增:删除评论
修复:moyi 修复:部分关键函数改私有方法
新增:moyi/getList 新增:积分记录/余额记录

4月前
  • 修复微信快捷登陆失效
  • 新增支付宝快捷登陆
  • 移除watch-login模块
  • 新增封装 my-button 按钮 组件
  • 新增封装 my-input 输入框 组件
  • 新增封装 my-bar 状态栏 组件
  • 新增封装 my-load-modal 等待模态 组件
4月前

发布第一个版本

在h5端配置发行后的路径(发行在网站根目录可不配置),比如发行网站路径是www.xxx.com/html5,在manifest.json可视化界面 - H5配置 - 运行的基础路径中设置,也可以在源码视图内编辑h5节点,router下增加base属性为html5。:

官方有教程,这列我简单介绍一下
1、先新建好自己的数据库
2、生成自己的crud!

image.png
3、生成菜单
image.png
4、大功告成
image.png

// 前端路径 填写发行的h5网页端路径 加上# 如下
export const baseUrl = http://cms.mymoyi.cn/#
// api调用目录 填写完整的后端域名加上 /api/moyi/
export const baseApiUrl = https://api.mymoyi.cn/api/moyi/
// cnd域名。 没有就填写后端域名 此链接 将解析无http头的资源,务必填写正常
// export const cndUrl = https://api.mymoyi.cn
export const cndUrl = http://cdn.fyxbl.top
// logo使用base64编码 LOGO文件转换编码 推荐大家一个base64转换网站 base64转换网站
export const baseLogo = 'data:image/png;base64,~~~~*'
// 网站标题 部分需要用到标题的地方将显示
export const title = '默毅CMS'
// 主题样式 主题样式给大家一个参考 来自colorui
export var bgClass = 'bg-yellow text-white'

image.png

image.png

渐变背景
bg-gradual-red
bg-gradual-orange
bg-gradual-green
bg-gradual-purple
bg-gradual-pink
bg-gradual-blue
image.png

基于 color-ui 封装 遗弃 watch-button

myButton

属性类型默认说明
textString登  陆按钮文字
rotateBooleanfalse等待状态
heightNumber80(单位upx)高度
bgClassStringbg-gradual-gray背景样式
<myButton :rotate="isRotate" @click.native="switchState()"></myButton>
switchState() {
  this.isRotate = !this.isRotate 
}

基于color-ui 封装 遗弃 watch-input

myInput

属性类型默认说明
iconString String图标样式
placeholderString 提示
typeStringtext类型
heightNumber80(单位upx)高度
maxlengthNumber20限制长度
passBooleanfalse是否为密码
countdownBooleanfalse是否为倒计时
countdownTimeNumber60倒计时时间
countdownTextString获取验证码倒计时提示文字
countdownEndTextString秒后重试倒计时结束文字
countdownClassStringmargin-right-sm倒计时样式
formClassStringbg-white text-geay shadow内容样式
<myInput v-model="account" icon="cuIcon-people" placeholder="用户名/手机"></myInput>
<myInput v-model="password" icon="cuIcon-command" pass placeholder="请输入密码"></myInput>
<myInput v-model="captcha" icon="cuIcon-command" countdown ref="countdown" @countdownClick="sendCaptcha()" placeholder="验证码"></myInput>
sendCaptcha() {
  //开始倒计时             
  this.$refs.countdown.$emit('runCountdown');
}

my-bar 导航条

属性类型默认说明
addHeightNumber0追加高度
bgClassStringbase.bgClass(配置背景)背景样式
titleStringbase.title(配置标题)显示标题文字
showBackBooleantrue显示返回
backTextString返回返回的文字
rightTextString 靠右文字
bgImageString 背景图片
occupyBooleantrue占位不覆盖元素

my-load-modal 等待模态

属性类型默认说明
textString请稍后...提示文字
showBooleantrue是否显示
imageStringbase.bgClass(配置logo)加载图片

my-boutton (更新)

属性类型默认说明
bgClassStringbase.bgClass(配置背景)背景样式

1、准备工作

`
框内代表作者使用版本
`

1、HBuilderX

下载地址:http://www.dcloud.io/hbuilderx.html

HBuilderX 2.0.1.20190614

2、服务器一台(linux win都可以)

推荐使用阿里云 https://aliyun.com

Aliyun Linux release 2.1903
XAMPP for Linux 7.1.30

2、后端配置

1、快捷登陆需要在后台填写小程序相关信息

2、短信配置

register    //注册
$code = 验证码 
resetpwd    //重置密码
$code = 验证码
changemobile   //修改手机
$code = 验证码

3、前端uni-app配置

1、打开 HBuilderX

打开->打开目录
找到插件内 uni-app 文件夹打开

2、 配置config文件

uni-app -> config -> config.js

// 前端路径
export const baseUrl = 'http://modo.com/#'
// api调用目录
export const baseApiUrl = 'http://modo.com/api/moyi/'
// cnd域名。没有就填写后端域名
export const cndUrl = 'http://cdn.fyxbl.top'
// logo使用base64编码
export const baseLogo = 'data:image/png;base64,~~~~*'
// 网站标题
export const title = '默毅CMS'
// 主题样式
export var bgClass = 'bg-yellow text-white'

3、发行

按照需求端口发行
网站-H5手机版(必须)