layui如何使用公共模块？

酷爱码 2021-04-15 06:25:44

比如所有的页面共同的头部，底部，该怎么写引入

...全文

114 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Shik Shik包含的所有module(非util)都支持分布式管理启动顺序：RA -> config -> other (其中我把 RA config 放在了服务器上) 项目结构 shik ├── shik-common -- 公共模块 ├── shik-RA -- 注册中心 | ├── shik-RA-common -- shik-RA 公共模块 | ├── shik-RA-1 -- spring cloud eureka server 1 [port:1111] | └── shik-RA-2 -- spring cloud eureka server 1 [port:1112] ├── shik-config -- 配置中心 | ├── shik-config-common -- shik-config 公共模块 | └── shik-config

form表单元素包括：text 文本输入框，password密码输入框，checkbox复选框，radio单选框，file 文件域，submit表单提交action指向的文件，reset表单清空，image图片提交按钮，button按钮，hidden隐藏域。 select option select 实现下拉选 callback 是回调函数 layui.模块模块可以是layui已经存在的模块，也可以通过layui.define([mods], callback) 来自己自定义模块。如果想要使用模块首先要做的必然是加载模块，layui.use(['laypage', 'layedit'], function(){}); 接下来使用layui风格控件其实感觉layui帮我们定义好了CSS和许多JS文本，我们需要做的只是按照layui的命名规范选好样式进而使用就可以了。 layu官方文档的命名规范为： CSS命名规范 class命名前缀：layui，连接符：-，如：class="layui-form" 命名格式一般分为两种：一：layui-模块名-状态或类型二：layui-状态或类型因为有些类并非是某个模块所特有，他们通常会是一些公共类。如：一（定义按钮的原始风格）：class="layui-btnlayui-btn-primary" 二（定义内联块状元素）：class="layui-inline" 1 2 3 4 5 6 7 8 9 当然还有前面提到的使用模块的js代码： layui.use(['form', 'layedit', 'laydate'], function(){ var form = layui.form ,layer = layui.layer ,layedit = layui.layedit ,laydate = layui.laydate; //日期 laydate.render({ elem: '#date' }); laydate.render({ elem: '#date1' }); //创建一个编辑器 var editIndex = layedit.build('LAY_demo_editor'); //自定义验证规则 form.verify({ title: function(value){ if(value.length < 5){ return '标题至少得5个字符啊'; } } ,pass: [/(.+){6,12}$/, '密码必须6到12位'] ,content: function(value){ layedit.sync(editIndex); } }); //监听指定开关 form.on('switch(switchTest)', function(data){ layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), { offset: '6px' }); layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis) }); //监听提交 form.on('submit(demo1)', function(data){ layer.alert(JSON.stringify(data.field), { title: '最终的提交信息' }) return false; }); }); 下面我们按照官方文档的开发规范使用一下form表单的例子表单集合演示单行输入框验证必填项验证手机验证邮箱多规则验证验证日期验证链接验证身份证自定义验证请填写6到12位密码范围 - 单行选择框

从零开始搭建完整的通用管理后台前端，使用vue3+layui搭建系统UI界面，使用mock模拟数据，使用echarts实现系统可视化模块，可以此项目为基础进行扩展开发，快速搭建管理系统，具体内容如下：常见功能实现：实现用户登录（用户名密码登录、手机验证码登录、第三方登录）、找回密码（邮箱找回、短信验证码找回）、注册界面、系统主页、用户管理、系统配置、数据字典、日志管理、菜单管理、角色管理、消息管理、验证码管理、可视化界面等管理系统的常见功能。公共常用组件：实现公共组件的抽离以便能进行扩展及复用，包括通用表格、通用编辑器、通用详情页、关联对象多选框、关联对象单选框、关联对象树形选择框、多级联动选择框、自动搜索保存组件、列表选择框组件等常用的组件。源码获取方式：点击 https://gitcode.net/invite_link?invite_code=PRKRDmDudgzkFd1ZzzKp 申请加入项目，申请后等待审核，审核通过后即可使用git检出项目，请购买课程后再申请，若为学习会员请留言说明。

汽车出租管理系统说明：此项目校准尚学堂的开源项目，在此用于练手，感谢尚学堂老师们的付出！一，用到的技术： 1.整体架构使用ssm框架，使用maven管理整个项目，使用mvc三层架构，其中各个模块的作用：（1）父模块是其他所有模块的父工程，用于整和项目，管理依赖版本（2）公共模块用于存放工具类（3）bean模块用于存放数据库所映射的pojo类，依赖于公共模块（4）manager-api模块用于存放服务接口，依赖于bean模块（5）manager-impl模块用于存放服务接口的实现类，controller类以及逆向工程生成的mapper映射文件，依赖于manager-api模块（6）主要模块

Rbac 演示后台基于ThinkPHP5.1， layui2.3 的Jackchow/rbac权限包的演示后台安装条件： php版本 >= 5.6.0 安装方法： Git 安装使用命令 git clone https://github.com/jackchow123456/jackchow-rbacshow 对了，不要忘了使用 composer install 或者 composer update 安装对应依赖 Composer 安装使用命令 composer create-project jackchow/rbacshow 目录结构基本主要的目录结构如下： www WEB部署目录（或者子目录） ├─application 应用目录 │ ├─common 公共模块目录（可以更改） │ ├─admin 后台

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章