![](https://img-blog.csdnimg.cn/e58813b4620f4a53812ff137adeb2eb6.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
web前端
html,css,js,ajax,query,前端在实战项目中的应用
做一道光
互联网软件开发,已转汽车嵌入式软件开发
展开
-
管理员登录成功后隐藏禁用菜单
如果一个权限被超级管理员禁用了之后,即使拥有该权限的管理员登录之后,此权限应当不可见或不可操作。1.设置为不可用在Index.jsp页面添加如下语句 <!-- 菜单2 --> <c:forEach items="${menuList}" var="menu1"> <li> <a href="#" class="dropdown-toggle"> <原创 2022-05-26 21:44:51 · 270 阅读 · 0 评论 -
解决同⼀个菜单连续停⽤和启⽤的bug
在上述代码实现中,存在的问题: 当⼀个“已停⽤”状态的菜单,点击“启⽤”按钮启⽤后,再次点击“停⽤”按钮⽆法停⽤ 当⼀个“已启⽤”状态的菜单,点击“停⽤”按钮停⽤后,再次点击“启⽤”按钮⽆法启⽤问题分析: menuCode是字符串类型,当我们使⽤JS代码拼接“停⽤”/“启⽤”按钮时,要指定按钮点击 事件触发JS⽅法,通过要将menuCode传递到⽅法中,menuCode没有添加 '' ,导致 menuCode不能传递到JS函数中解决⽅案:启⽤菜单的JS⽅法中 membe原创 2022-05-26 20:40:15 · 150 阅读 · 0 评论 -
利用js,实现网页上实时更新时间,需要时直接拿来用,不需要改动
html文件代码<div><span id="showNowTime"></span></div>js文件代码 <script> var t = null; t = setTimeout(time, 1000); /* var t = setTimeout("javascript语句", 毫秒)setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 t 的变量中。假如你希望原创 2022-05-09 18:16:17 · 1431 阅读 · 2 评论 -
轮播图模板,直接复制粘贴,修改图片路径就可以用
html界面代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1,maximum-scale=1,user-scalable=no" /> <!--引入CSS代码--> <link r原创 2022-05-09 18:06:24 · 633 阅读 · 4 评论 -
下拉框选择省份,另一个下拉框自动更新出该省份对应的城市
首先引入jQuery文件,通过在线链接获取<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>然后在该<script >标签下面才能写下面的<script >标签。需要时直接用就可以,不需要任何修改<!DOCTYPE html><html lang="en"><head> <met原创 2022-05-09 23:08:54 · 1572 阅读 · 0 评论 -
javaweb实战,当点击一级菜单,ajax异步请求二级菜单联动显示
当点击一级菜单,异步请求二级菜单联动显示。创建Menu2ListByMenu1Servlet类。 点击admin_menu_list.jsp ⻚⾯中的一级菜单,触发AJax请求,请求Menu2ListByMenu1Servlet。 在Menu2ListByMenu1Servlet类中接收ajax请求,并且根据一级菜单查询二级菜单,然后以JSON格式响应ajax请求。 将ajax得到的响应数据,二级菜单显示出来。1.Druid.properties文件#���ݿ�������Ϣdriver原创 2022-05-25 20:31:12 · 9033 阅读 · 0 评论 -
想实现数据分页,就用dataTabale+jquery语句实现分页效果和查询功能和自动排序,简单实用强烈推荐
分页效果分页功能代码展示(数据项来源于数据库)<div class="table_menu_list" id="testIframe"> <table class="table table-striped table-bordered table-hover" id="sample_table"> <thead> ...原创 2022-05-25 11:33:34 · 848 阅读 · 0 评论