layui

# 白泽智慧教辅平台 **说明：** 运行时需要修改位置： bzedu\src\main\resources\application.properties bzedu\src\main\resources\config\mybatis-config.xml https证书配置请自行学习 数据库自行配置，直接导入提供的bzedu.sql即可 为方便下载学习，已将工程文件、演示视频、说明文档打包到百度云。 链接：https://pan.baidu.com/s/1rPebGhy7_w9tTjedcv66Ew 提取码：acg3 github： https://github.com/wonke/bzedu 欢迎star **１．** **技术概要** 后台框架：SpringBoot、Mybatis；前端框架：BootStrap、layUI； 数据库：MySQL；人脸签到：百度人脸识别API、webRTC、Canvas、Tracking.js； **２．** **项目介绍** 白泽智教是一款围绕教师授课全环节覆盖的在线教辅管理系统。系统功能有：人脸识别签到，智能语音点名，发布查看课堂作业，在线匿名评教，上传下载课件功能。 ​ **３．** **项目流程图** **４．** **功能设计** **(1)** **人脸签到：**教师发起当堂签到，设置截止时间，并可实时查看签到成功的学生名单

在layui中使用 jquery 触发select 的 change事件无效 使用layui.use监听select事件 <select lay-filter="demo" lay-verify="required"> <script> layui.use(['layer', 'jquery', 'form'], function () { var layer = layui.layer, $ = layui.jquery, form = layui.form; form.on('select(demo)', function(data){ if(data.value == 1){ $("#searchSessionNum").attr("disabled","true"); form.render('select'); }else{ $("#searchSessionNum").removeAttr("disabled"); form.render('select');//select是固定写法 不是选择器 } }); }); </script> 使用事件过滤器lay-filter监听单个事件，layui中只要绑定相同事件就可以了，上面代码绑定demo，需要注意的是要使用form.render('select');渲染一下，表示单个事件；否则渲染整个form表单。 -------

使用layui的form.on绑定select选中事件中, form.on()不执行, 主要原因有 1, select标签中没有写lay_filter属性,用来监听 < select id ="watch" lay-filter =" watch " class ="layui-input layui-unselect" > < option > --请选择-- </ option > </ select > 2, form.on必须写在layui.use(){}中, 这个一般不会错 3, 检查html中是否有<form></form>标签, 并且标签中有 class="layui-form" < form class ="layui-form" > </ from > 来源： oschina 链接： https://my.oschina.net/u/4366017/blog/4262169

先设置上传文件的路由： Route::post('upload/images'['as'=>'uploadImages','uses'=>'UploadController@uploadImages']); Route::post('upload/multiUpload'['as'=>'multiUpload','uses'=>'UploadController@multiUpload']); 　　 再设置uploads磁盘地址，之后储存文件会使用到。config / filesystem : disks 'disks' => [ 'local' => [ 'driver' => 'local', 'root' => storage_path('app'), ], 'uploads'=>[ 'driver'=>'local', 'root'=>public_path('uploads/'), ] ], 　　 最后UploadController定义上传函数(使用Storage的disk方法来访问uploads磁盘，就是前面filesystem文件里设置的) putFile方法：管理文件到指定的存储位置，例为自动生成文件名，也可以手动设置 ('20190705', $file，'test.png') //上传单张图 public function uploadImages

layuiAdmin.std（iframe 版） 是完全基于 layui 架构而成的通用型后台管理模板系统，采用传统的 iframe 多页面开发模式，可更快速直接地开发网页后台应用程序，无需过多地学习成本，简单高效，撸起袖子直接干。 题外 该文档适用于 layuiAdmin.std 常规版（iframe），阅读之前请务必确认是否与你使用的版本对应。 熟练掌握 layuiAdmin 的前提是熟练掌握 layui，因此除了本篇文档， layui 的文档 也是必不可少的存在。 快速上手 目录说明 解压文件后，你将看到以下目录： src/ layuiAdmin 源代码，通常用于开发环境（如本地）。 src/layuiadmin/：layuiAdmin 的静态资源（JS、CSS、模块碎片等） src/layuiadmin/json/：模拟接口返回的 JSON 相应信息，实际应用时可无视。 src/layuiadmin/layui/：layui 基础框架，功能一般领先于官网提供下载的版本。 src/layuiadmin/lib/：layuiAdmin 的核心模块，通常不建议修改。 src/layuiadmin/modules/：layuiAdmin 的业务模块 src/layuiadmin/style/：layuiAdmin 的样式文件 src/layuiadmin/tpl/

题外话： 接上篇吧。上篇主要是介绍下LayUI的使用，太兴奋手打代码去了- -。 其实这个项目用了Unity这个IOC框架，毕竟人要有梦想。感兴趣的可以自己去了解下，后面有机会会说说对于IOC和DI的个人拙见以及Unity的使用。 进入正题。 二.WebApi 一个有梦想的咸鱼做的一个有梦想的demo项目就需要有梦想的考虑后期维护与扩展，那么就需要从建项目开始做好文件分类。 打开VS，选择ASP .NET Web应用程序(.NET Framework)创建一个新的项目命名Demo，然后选择Web Api，然后建立项目。注意看项目下有个Area的文件夹，作用呢其实就是可以区分控制器，方便管理，而且控制器名称可以重名。 毕竟是个B/S项目，后台所接收的请求都属于http请求，要处理这些请求后台，就会涉及到安全问题，也就是权限问题，毕竟要有梦想，还是可以发布上服务器的。而这个安全问题并不是只用 用户登录验证就能解决的，这时候就会涉及到权限问题，参考淘宝，你可以随意浏览，但是一些额外操作则需要登录。 所以这里我是考虑FormsAuthenticationTicket身份验证配合授权属性AuthorizeAttribute。 Ticket，顾名思义，想入场看比赛是需要门票的，那么想进入自己的网站或者有数据库操作时，我们可以为用户设置门票。 进而小朋友些许问号，演唱会门票还有前排后排区别

前言 在某学习网站学习了 nginx 的安装和使用，以此文记录。 环境准备 安装在 VMWare 下的 Centos 虚拟机。由于我这是新装的虚拟机。所以很多插件都没有，这里干脆一次性安装上。 wget command not found yum -y install wget c compiler cc is not found yum -y install gcc-c++ the HTTP rewrite module requires the PCRE library yum -y install pcre-devel openssl openssl-devel 编译安装nginx 首先打开 nginx官网 复制下载链接。我下载的是 nginx-1.14.1 版本的。 下载包到服务器。 wget http://nginx.org/download/nginx-1.14.1.tar.gz 解压包。 tar -xzf nginx-1.14.1.tar.gz 编译代码。 prefix 指定编译生成的文件存放的地址 cd nginx-1.14.1 ./configure --prefix=/home/panzi/nginx 编译成功之后大概是这个样子的 继续执行 make make install 配置静态资源网站 这里我以 layui的fly模板为例 ,下载完之后

我最近写到了一个项目中用到了树形图，不得不说这个树形图是真的扯淡； 我用到的是layui中的树形图，再展示数据过程中遇到了很多的问题， 废话不多说，直接贴代码。 一、调用排序接口，对数据进行排序。 二、生成树结构 public static List<TreeVo> findTree(List<WfUnit> allMenu){ //这里TreeVo是我写了一个跟layui树形图结构一样结构的实体类，WfUnit是我数据库表的实体类。 //查询所有菜单 //根节点 try { List<TreeVo> tree = new ArrayList<>(); for (WfUnit nav : allMenu) { System.out.println(nav.getOwnerunitid()); if (nav.getOwnerunitid().equals("0")) {//父节点是0的，为根节点，这里getOwnerunitid是我关联id自连接。 TreeVo t = new TreeVo(); t.setId(nav.getUnitid()); t.setName(nav.getUnitname()); t.setLevel(nav.getUnitlevel()); t.setOwnerunitid(nav.getOwnerunitid()); t.setSequence

这里主要运用了pagehelper的分页插件，大家可以在这个网址查看怎么使用：https://pagehelper.github.io/docs/howtouse/?tdsourcetag=s_pctim_aiomsg，下面我就拿我自己写的一个案例给大家讲一下 主要运用的技术：Mybatis+pagehelper分页插件+layui 基本项目结构： 1.新建一个Maven项目，在Maven项目的pom.xml配置中添加分页插件的依赖，如下 < dependency > < groupId > com.github.pagehelper </ groupId > < artifactId > pagehelper </ artifactId > < version > 5.1.6 </ version > </ dependency > 2.需要在mybatis-config.xml中配置分页插件 <? xml version="1.0" encoding="utf-8" ?> <! DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd" > < configuration > < typeAliases > <

主要： 站点 搭建 实现登录页面 分析及改进 站点搭建 1) 在apache安装目录下： 【conf\extra\httpd-vhosts.conf】加入站点配置 1 <VirtualHost *: 80 > 2 #站点根目录 3 DocumentRoot " D:\htdocs\Demo " 4 #站点绑定的域名 5 ServerName www.test.com 6 #站点别名 7 ServerAlias test.com 8 <Directory " D:\htdocs\Demo " > 9 #允许所有访问 10 #allow from all 11 Require all granted 12 #允许分布式权限配置(允许重写)（.htacess） 13 AllowOverride All 14 #不显示站点目录的文件结构 15 Options - indexes 16 </Directory> 17 </VirtualHost> 2) host文件添加域名解析。 host文件位置：【C:\Windows\System32\drivers\etc\hosts】 1 127.0 . 0.1 www.test.com test.com 3) 重启apache。 完成站点配置。 实现登录页面 1）创建项目目录blog 【 D:\htdocs\Demo\blog 】, 初始化git