开发框架
ZQCMS v1.0是使用layui2.4.5+laravel5.7搭建的
在线展示:http://www.xianglong.site
Zqcms介绍
系统主要是志在更快的开发后台,减少代码冗余,所以本cms基本大部分通过js渲染html,php代码均为模块化写法,只需要配置好你需要的就可以生成页面,使用了模块化的开发模式
第三方扩展
eleTree树形组件:https://github.com/hsiangleev/layuiExtend
formSelects 4.0多选框:https://github.com/hnzzmsf/layui-formSelects
treeGrid树状表格:
https://gitee.com/beijiyi/tree_table_treegrid_based_on_layui
Wangeditor富文本:https://github.com/wangfupeng1988/wangEditor/
安装
1、在数据库中创建数据库,并修改env文件中的数据库配置连到你的创建的数据库
2、运行composer install
3、运行 php artisan migrate
4、运行 php artisan db:seed 到此已安装完成
5、默认登录用户15600000000 密码123123
功能介绍
维持了layui原有模块开发方式,在layui基础上继续封装了,使用前建议先看layui文档。
权限控制:权限控制本cms使用了spatie/laravel-permission扩展包开发的。采用:角色赋权,用户分配角色模式
文章管理
广告管理
开发说明
PHP部分
后端功能核心模块BackendBaseController
BackendBaseController包含了权限判断和页面渲染,通用式增删改查、上传等功能,新增功能时候只需编写好需要保存的参数即可
Js部分
dialog 弹窗使用模块
confirm(jsonData) 确认框
参数:jsonData={
message:弹窗信息
success:确定按钮回调
cancel:取消按钮回调
}
page(title, url, w, h)
参数:title:弹窗标题
url:页面路径
w:弹窗宽度,默认:700px
h:弹窗高度,默认:300px
tips(title, obj)提示弹窗
参数:title:提示内容
Obj:吸附元素选择器
menuTpl: 菜单生成模块
不做过多说明,该模块只是渲染菜单使用
inputTpl: 输入框生成模块
调用顺序html再调render
html()模版html插入
** 使用jq的append()方法插入**
render(jsonData)渲染模板
通过模版生成出来的元素默认是 "属性+Id" 例如如name:zqcms ;该元素id则为:zqcmsId
参数格式JsonData={
content:[{
}]
}
jsonData | 属性 | 说明 | 数据类型 | 使用type范围 |
---|---|---|---|---|
content | label | 名称 | String | |
name | 输入框name属性 | String | ||
inputType | input的type属性,默认为text | String | ||
skin | 属性lay-skin skin:switch(开关风格) primary(原始风格) | String | checkbox | |
layText | 原layui属性lay-text可自定义开关两种状态的文本 | String | checkbox | |
value | 默认值 | String/array | ||
type | 默认是text,tree:树形组件,select:选择器,formSelect:多选框,editor:富文本,textarea:多行的文本,uploadImg:单张图片,uploadGallery:相册 | String | ||
verify | 输入框校验规则,直接使用layui的验证规则即可 | String | ||
autocomplete | 设置是否自动完成 | String | ||
filter | 事件过滤器即layui的lay-filter属性,默认为空 | String | ||
verType | 用于定义异常提示层模式,系统默认tips | String | ||
remark | 输入框提示标签,默认不显示 | String | ||
keyVal | 指定选项的值为选项对象的某个属性值:默认值:id | String | formSelect | |
keyName | 指定选项标签为选项对象的某个属性值,默认值:name | String | formSelect | |
keyChildren | 指定选项的子选项为选项对象的某个属性值,默认值:children | String | formSelect | |
keySel | 指定选择已选择的标记,默认值selected | String | formSelect | |
linkage | 是否开启联动选择 | bool | formSelect | |
linkageWidth | 联动多选每级宽度 | number | formSelect | |
selectMax | 最大选择数量,默认1 | number | formSelect | |
style | 默认primary, default 浅灰 primary 墨绿 normal 深蓝 warm 屎黄 danger 橘红 | String | formSelect | |
optionData | 选择框数据,当url属性存在该参数则失效 | Json | formSelect、select | |
header | 请求头,url属性存在才生效 | Object | formSelect | |
url | 从接口获取数据 | String | formSelect使用 | |
uploadUrl | 上传文件路径 | String | uploadImg、uploadGallery | |
formFilter | form表单lay-filter的值,默认:editForm | String | ||
button | 是否显示提交按钮 | bool | ||
view | 渲染form表单id,默认:inputContent | String |
tabTpl:tab渲染组件
调用顺序html再调render
html()模版html插入
** ** 使用jq的append()方法插入
render(jsonData)渲染模板
通过模版生成出来的元素默认是 "属性+Id" 例如如name:zqcms ;该元素id则为:zqcmsId
参数格式JsonData={
content:[{
}]
}
jsonData = {
layFilter: lay-filter属性,
groupData: tab数据
};
JsonData | 属性 | 说明 | 类型 |
---|---|---|---|
layFilter | lay-filter属性 | String | |
groupData | tab数据 | json |
inputRender(jsonData)
参数参照inputTpl组件
request: 网络请求模块
zqajax(jsonData, loading = false, type = 1, shade = false)ajax请求
属性 | 说明 | 类型 |
---|---|---|
jsonData | 配置参数 | Json |
loading | 是否开启等待效果 | bool |
type | 加载效果类型支持值 支持0-2, | Number |
shade | 是否开启加载效果蒙层 boolean | bool |
jsonData
属性 | 说明 | 类型 |
---|---|---|
headers | 请求头 | Json |
type | 请求类型 | String |
url | 请求链接 | String |
data | 请求数据 | Json |
dataType | 预期服务器返回的数据类型 | String |
success | 请求成功回调 | Function |
error | 请求失败回调 | Function |
complete | 请求结束回调 | Function |
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。
3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考学习用!
4、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。