技术标签: layui php cms
开发框架
ZQCMS v1.0是使用layui2.4.5+laravel5.7搭建的
Zqcms介绍
系统主要是志在更快的开发后台,减少代码冗余,所以本cms基本大部分通过js渲染html,php代码均为模块化写法,只需要配置好你需要的就可以生成页面,使用了模块化的开发模式
第三方扩展
treeGrid树状表格:
安装
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
文章浏览阅读7.2k次,点赞7次,收藏60次。第七章 MATLAB的GUI 程序设计Chapter 8: Design of MATLAB of GUI programGUI(Graphical User Interfaces):由各种图形对象组成的用户界面,在这种用户界面下,用户的命令和对程序的控制是通过“选择”各种图形对象来实现的。目前90%以上的应用程序和软件都是在GUI下运行的。MATLAB有两种GUI用户界面控件的创建方式,基于命令行的方式用程序来制作和基于GUI的方式制作。这里主要介绍基于GUI的方式。MATLAB 的._制作一个曲面光照效果的演示界面,如图所示,三个弹出式菜单分别用于选择曲面形式、
文章浏览阅读2.1k次。参考openwrt 快速入门1.环境搭建1.1Ubuntu dockerhttps://www.runoob.com/docker/ubuntu-docker-install.html1.1.1使用官方安装脚本自动安装安装命令如下:curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyunps: 我已经放弃用deepin编译旧版openwrt ,修复了十几个bug还是有bug,无敌下载14.04版本docke_undefined reference to `llseek
文章浏览阅读81次。kubectx:用于切换kubernetes context kube-ps1:为命令行终端增加$PROMPT字段 kube-shell:交互式带命令提示的kubectl终端kube-shell开源项目kube-shell可以为kubectl提供自动的命令提示和补全,使用起来特别方便,推荐给大家。Kube-shell有以下特性:命令提示,给出命令的使用说明 自动补全,列出可选命令并可以通过tab键自动补全,支持模糊搜索 高亮 使用tab键可以列出可选的对象 vim模式M..._kube_ps1关闭
文章浏览阅读1k次,点赞11次,收藏9次。此报错的意思是请续订默认配置,就是让你去一级一级的删除,首先删除你设置的允许vlan通过的命令,然后去取消掉更改的端口类型命令(就是在配置命令前面加一个undo),再去更改端口类型就成功了。此报错的意思是已经加入了接口,不能在修改模式,所以需要先去把端口全部删除,在修改模式即可成功。他的意思就是说这个IP地址已经配置了,不需要在配置了。2.修改链路聚合模式的时候。3.更改IP地址的时候。_ensp配置路由地址时错误
文章浏览阅读10w+次。3D0E1D4E75686FA0FF1C6F6F626F6F6F6F6F6F6F8F381B2FFF2D6FEF396F6F6A1B6E6F6D762B39E3021B282C725C726F4F6F6F6F5F5F5C330E1F06251C335B5E0D580E5E095D575B0E56560B5F0B41051C6F9F4FCC60636EBE7FBE7A3E637EB613394327_ucfp:74a28a8b-b3fb-4602-ca5f-0ebdf880c1ff-1692796091560
文章浏览阅读722次。Linux下使用crontab定时任务进行Tomcat日志分割_crontab多个任务如何分割
文章浏览阅读1.6w次,点赞2次,收藏20次。把字符串分割成等长的若干字符串,根据特定字符分割字符串_vue 分割字符串
文章浏览阅读1.1k次。一、病人分类的例子让我从一个例子开始讲起,你会看到贝叶斯分类器很好懂,一点都不难。某个医院早上收了六个门诊病人,如下表。 症状 职业 疾病 打喷嚏 护士 感冒 打喷嚏 农夫 过敏 头痛 建筑工人 脑震荡 头痛 建筑工人 感冒 打喷嚏 教师 感冒 头痛 教师 脑震荡现在又来了第七个病人,是一个打喷嚏的建筑工人。请问他患上感冒的概率有多大?根据贝叶斯..._朴素贝叶斯分类器 例子
文章浏览阅读527次。↵下面是我在把mysql数据库转换为sqlserver数据库时候遇到过的一些错,踩过的坑,把它总结下来防止以后再出错。报错 1:com.microsoft.sqlserver.jdbc.SQLServerException: 仅当使用了列列表并且 IDENTITY_INSERT 为 ON 时,才能为表'user_student'中的标识列指定显式值。出错原因:当mysql数据库转换为sqlserver数据库时,如果第一个id设置为自动递增,那么String sql = "..._mysql 数据导出在sqlserver不能用
文章浏览阅读1.9k次,点赞4次,收藏27次。记录常用数据结构(栈、队列、数组、列表、字符串、集合等),在 Java 中如何使用它的实现类。_javalist集合map组合刷题 leetcode
文章浏览阅读6.7k次,点赞5次,收藏4次。Visual Studio Code 编辑器设置成中文 分2个步骤1、【查看】--【扩展】(Ctrl+Shift+X) 在扩展:商店中输入Chinese,搜索到 适用于 VS Code 的中文(简体)语言包,点击安装; 2、Ctrl+Shift+P,调出搜索框,输入 Configure Display Language,选中此配置项; 把配置页面中的"..._visualstudiocode中文
文章浏览阅读1.2k次。本文整理自:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array对比every(),some(),includes(),indexOf(),lastIndexOf(),find(),findIndex(),forEach(),map(),filter(),fill()..._typescript 数组遍历