随笔分类 - 前端
摘要：需求背景： 默认的仪表盘只显示了最终的数据，希望在下方加上基础数据，考虑到美观因素，决定使用图例方式显示。 实现分析： 仪表盘没有图例，可以使用柱状图的图例legend属性，将2个图叠加，在将柱状图除了图例部分全部设置为隐藏，同时禁用legend的点击事件； 代码实现： var option2 =
阅读全文
摘要：先下载bootstrap-select，并添加到项目中，然后在页面引用 <link href="{% static 'css/bootstrap-select.min.css' %}" rel="stylesheet"> <script src="{% static 'js/bootstrap-se
阅读全文
摘要：Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用，以下是我整理的一些UI框架模板，可以拿来稍加改造就能直接使用 1、vue-element-admin https://panjiachen.github.io/vu
阅读全文
摘要：https://landing.ant.design/index-cn
阅读全文
摘要：表单开发时一般会有一个新增的模态框，和一个修改的模态框，大多数情况下这两个框是一模一样的， 分析其不同点有如下几个： 1、新增与修改的模态框标题不同； 2、在修改时需要回填数据，新增时不需要； 3、新增时提交调用新增接口，修改时提交调用修改接口； 需要使用同一个模态框完成需求，就需要解决如上3个问题
阅读全文
摘要：发现一款很漂亮的弹框插件 官网：https://sweetalert.js.org/ 应用实例：在删除服务器前弹框二次确认 {# 软删除服务器 #} function DeleteById(row, index) { var data = JSON.stringify($("#mytab").boo
阅读全文
摘要：1.获取选中值，三种方法都可以： $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2、设置第一个Radio为选中值： $('inp
阅读全文
摘要：JavaScript部分： $(function() { //表单验证 $("#addUserInfo").validate({ rules: { username: { required: true, minlength: 2, //异步验证 开始 remote: { url: "userMana
阅读全文
摘要：由于有bootstrapSwitch开关控件是一个checkbox，就会导致在提交表单时如果没有被选中（开关打开），则向后台提交时会缺失该input对应的参数。 解决方法： 在开关的input标签下方增加一个hidden的input标签。初始化开关时默认打开，将hidden的input设置为disa
阅读全文
摘要：http://sc.chinaz.com/tag_moban/houtai.html
阅读全文
摘要：1、将校验规则写到控件中 必填项未填写： 必填项不符合输入规则： 验证通过： 2、将校验规则写到 js 代码中 3、使用ajax方式提交数据时验证表单 原始的未校验字段的ajax方式提交： 增加校验的ajax提交方式如下：
阅读全文
摘要：https://www.cnblogs.com/zhongchao666/p/9679807.html https://blog.csdn.net/mf_717714/article/details/81945218 注意： 注意传递参数的时候是： this.$router.push 接受参数时是：
阅读全文
摘要：演示地址： https://nirongxu.github.io/vue-xuAdmin/dist/#/login 仓库地址： https://github.com/Nirongxu/vue-xuAdmin
阅读全文
