![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端知识
wxm192939
这个作者很懒,什么都没留下…
展开
-
若依框架---前端通过字典设置值实现下拉框展示数据
1.首先在若依框架的字典管理菜单中添加字典2.在添加字典的key,value3.这样就可以在前端需要调用的位置随意调用<el-form-item label="班次"> <el-select v-model="form.banci"> <el-option v-for="dict in dict.type.sys_banci" :key="dict.valu原创 2022-01-12 21:00:40 · 8496 阅读 · 7 评论 -
vue结合element-ui开发tab切换vue的不同组件,获取不同组件的后端提供的list列表
此标签页用于基于若依框架开发的医疗系统中的页面。1.创建父组件:系统中对应的组件路径:src/yao/index.vue2.创建子组件src/tabComponents 文件夹 (此处路径可以任意,只要在父组件里引用正确即可)之下有不同组件对应的内容,此处以两个组件为例:Child1.vueChild2.vue3.编写组件实现tab切换不同子组件父组件:index.vue<template> <div class="index"> ...原创 2022-01-05 20:24:20 · 2236 阅读 · 0 评论 -
Form表单的分析/请求数据的编码格式Content-type分析?
一、Form表单的提交1、form表单常用属性action:服务器接收表单 ,进行处理的urlmethod:Http的请求方法,一般为post和get。区别之一是:请求携带数据的存放位置不同。GET:是在url上。POST:在请求体中。enctype:指定将数据发到服务器时 使用的编码类型。默认使用"pplication/x-www-form-urlencoded"。(GET请求只能使用这个默认的编码类型,格式为:key1=va1&key2=val2)(而POST可以使用多种)encty原创 2021-04-09 21:45:19 · 3396 阅读 · 4 评论 -
定时器定时刷新页面
方法一:添加 setInterval()函数<script language="JavaScript"> setInterval(function(){ window.location.reload(); },3000); //每隔三秒刷新一次页面 </script>方法二:在<head>标签中添加<!--定时自动刷新,content表示刷新间隔,单位为秒s,下面代码表示页面每隔三秒刷新一次--><meta原创 2021-01-08 14:01:55 · 1701 阅读 · 1 评论 -
实现下拉框三级联动效果
数据库设计html代码<div class="form-group"> <label class="col-sm-2 control-label">钢种组</label> <div class="layui-input-inline col-sm-1" style="display: inline-block; padding: 0"> <select id="gangzhongzu" th:na原创 2021-01-06 14:19:36 · 2405 阅读 · 0 评论 -
实现与数据库交互,动态获取下拉框数据
html代码<div class="form-group"> <label class="col-sm-2 control-label">材料1 </label> <div class="layui-input-inline col-sm-1" style="display: inline-block; padding: 0"> <select id="cailaio1" name="cailiao1"原创 2021-01-06 13:44:59 · 935 阅读 · 0 评论 -
日期时间格式转换
在js中添加代码 //日期格式转换 responseHandler:function(res){ console.log(res); var data = res.rows; for(var i=0;i<data.length;i++){ var oldNianyueri = data[i]['nianyueri']; //转换成年月日格式 data[i]['nianyueri']原创 2021-01-02 21:10:29 · 346 阅读 · 0 评论 -
html实现实时时钟---动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>时钟</title> <style> *{ padding: 0px; /* 内边距 */ margin: 0px; /*外边距 */ box-sizing: bor.原创 2021-01-02 20:25:47 · 994 阅读 · 0 评论 -
表单提交
JS代码//登录判断,userName、password是否符合注册规范,如果不符合报错(防止直接注入)$("#btn_register").click(function () { //要求两个值正确,才做提交 if (checkuserName() && checkPassword()) { var userName = $("input[name='userName']").val() var pas原创 2021-01-02 19:57:54 · 97 阅读 · 0 评论 -
layui表格的增删改查
1.将layui.js,layui.css,jquery.js文件引入html页面,这三个文件需要到对应的官网上下载,引入时注意是你电脑文件所在的本地路径2.创建html页面,index.html:包括表格的基本项,搜索框,添加数据的弹出层,修改数据的弹出层,以及表格行内操作按钮。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="Con原创 2020-12-01 16:24:06 · 2680 阅读 · 1 评论 -
统计字符串中字符个数
function count(str) {str=str.replace(/\s/g,''); var arr = str.split(""); var obj = {}; for(var i=0;i<arr.length;i++){ if(obj[arr[i]]){ obj[arr[i]]++; }else...原创 2019-03-05 20:08:42 · 529 阅读 · 0 评论