不知名博客

前端编译器插件推荐

文章目录分析前端部分请求函数算法函数(重点)后端部分MD5工具类定义拦截器测试接口效果演示成功失败分析使用签名的机制通过拦截器实现防篡改(避免请求中途被黑客修改了请求参数值而请求接口)前端用和后端一样的算法,将请求参数通过算法生成一个sign后端用和前端一样的算法,也传过来的参数算法生成一个sign比对前端和后端的sign是否一致,若不一致则是请求中途中被篡改过,则此次访问接口请求将会报错前端部分请求函数 ajaxGet("/test2", {a:1, b:2,c:3, d:4}, f

文章目录引入相关文件js表单验证操作被验证的表单表单验证效果图相关文件可以在我博客资源下寻找并下载相关参考文档链接:https://www.runoob.com/jquery/jquery-plugin-validate.html引入相关文件js表单验证操作 $("#editForm").validate({ rules: { nickname: { required: true, mi

此插件资源可在我博客资源中寻找并免费下载插件具体的属性以及实现的各种功能可查官网:https://www.bootcss.com/p/bootstrap-datetimepicker需要先引入相关文件效果图此js插件代码部分$(’ ')内的class名 则是input日期部分需要定义对应的记住input内必须类型是text $('.input-date').datetimepicker({ format:'yyyy-mm-dd', //格式 lan.

文章目录前端效果需求演示实体类部分在编辑按钮中,将json对象数据放进去前端页面部分代码js部分回显操作部分点击模态框内目录显示出对应明细数据控制器部分前提需知:数据字典入门操作前端效果需求演示点击新增/编辑按钮 显示出模态框,若是编辑则把数据回显至模态框,否则不回显数据目标需求:上级明细目录’下拉框’选择后,上级明细’下拉框’内则出现此目录对应的数据明细选项供用户选择选择完保存即可存进数据库中实体类部分因为回显在模态框,所以必须自定义toJson()方法供前端使用在编辑按钮

前提须知:poi一键导出excel相关配置web.xml部分在web.xml内的servlet内加入以下代码 <multipart-config> <max-file-size>52428800</max-file-size> <max-request-size>52428800</max-request-size> </multipart-config>.

文章目录先定义一个检查用户名是否存在的控制器插件js部分此插件可在我博客资源中寻找并免费下载先定义一个检查用户名是否存在的控制器用于传给前端插件使用,用户名已存在则让表单爆红(新增数据时)key值必须为valid,用户名不存在则返回true,已存在则返回fals// 检查用户名是否存在 @RequestMapping("/checkName") @ResponseBody public Map<String,Object> checkName(St

引入插件这是一个表单然后提交给后台此部分则是使用了插件的方式*贴上代码.ajax方式传给后台,后台反馈数据回来进行判断,从而执行不同效果的弹框以及不同操作$('.submitBtn').click(function () { //若此按钮类型是buttion则使用.ajaxSubmit,若是submit类型则使用.ajaxForm //使用Jquery-form插件来提交表单 有表单则用此插件方式 更快捷 $("#lo..

插件地址:http://mishengqiang.com/sweetalert2/控制器部分前端页面部分在删除按钮新增一个自定义属性data-url,遍历数据后传入id值,方便插件操作SweetAlert2,js插件部分此写法.可用作公共js,方便后期有相同功能需求,进行引入$(function () {//包起来 页面加载完毕后 执行以下//删除按钮 $(".btn-delete").click(function () { //绑定删除按钮点击事件 .

文章目录复制模态框代码编写实体类转成json字符串方法toJson()页面部分展示js部分复制模态框代码此演示模态框内容()里是个表单,form提交到saveOrUpdate的控制器<!-- Modal --><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" rol

文章目录配置pom.xml部分applicationContext.xml 部分后端定义一个Queryobject类获取前端传来的数据业务层实现类控制器层前端js部分freemarker部分配置pom.xml部分<!-- 分页插件 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId&gt

文章目录找页面元素操作页面元素属性操作方法ajax基础语法找页面元素$(’#元素的id值’)$(‘元素名’)$(’.class属性值’)$(’[属性名=属性值]’)$(‘option:selected’)操作页面元素怎么使用JQ方式操作页面元素:.val(值) //有值就是设置,无值就是获取,针对元素value属性操作.html(值) //有值就是设置,无值就是获取,针对元素中间内容.text(值) //有值就是设置,无值就是获取,针对元素中间纯文本内容.css(‘样式名’,[值])

文章目录meta视口标签二倍图移动端技术解决方案移动端常见布局flex弹性布局(推荐)less+rem+媒体查询布基础适配方案响应式页面兼容移动端(bootstrap)概念bootstrap使用流式布局总结渐变色(小拓展)meta视口标签meta 视口标签 <meta name="viewport" content="width=device-width. user-scalab...

文章目录属性选择器结构伪类选择器伪元素选择器2D转换 (transform)动画3D转换浏览器私有前缀属性选择器属性选择器 button[disabled]{ //选择的是 即是button 又有disabled 这个属性的元素 权重高于标签选择器 cursor: default; } button[disabled="disbaled"]{ curso...

文章目录基本标签表单基本标签基本标签 header, nav, section { display:block;//兼容IE9 width:100%; height:120px; background-color:pink; } <header> header </header>//头部标签 <nav>n...

文章目录html常用标签拓展小知识表格表单html常用标签分段<p> </p标题<h1> </h1> <h2> </h2> .... <h6> </h6>换行<br/>布局:一行只能一个div<div> </div>布局:一行可以很...

文章目录选择器字体外观属性编译器快捷方式导航栏案例所需技术复合选择器标签显示模式背景CSS书写顺序CSS三大特性PS工具操作盒子模型浮动浮动关系清除浮动定位定位模式叠盒子规则定位总结CSS高级技巧元素显示和隐藏用户图形界面：垂直对齐 vertical-align滑动门原理margin 负值之美三角形之美:拓展过渡焦点元素网站三大标签字体图标字体图标概念增添图标实现步骤选择器选择器基本知识...