td处理

新增功能的实现

余生长醉 提交于 2020-04-07 20:30:37
3. 学生信息新增的实现 a. 编写 HTML 网页 首先在现有的 student_list.html 网页中新加一个新增的按钮 并编写该按钮所对应的点击的方法,该方法是跳到新增网页上去 值得注意的是: 此处跳转绑定了一个返回路径,便于返回 b. 新建一个增加的网页,网页名就是 student_edit.html. 该网页 head 部分同样,用于导包 该网页是 body 部分内容则是一个 form 表单 < body class= "easyui-layout" > < div data-options= "region:'center',title:'更新学生信息',collapsible:false" style= " height :66 px" > < div class= "datagrid-toolbar" style= " height : 25 px ; padding : 5 px ; " > < a href= "#" class= "easyui-linkbutton" class= "btnBack" onClick= " back () " data-options= "iconCls:'icon-back'" >返回</ a > < a href= "#" class= "easyui-linkbutton" class= "btnSave"

js在table指定tr行上或底下添加tr行

元气小坏坏 提交于 2020-03-25 09:17:45
js在table指定tr行上或下面添加tr行 function onAddTR(trIndex) { var tb = document.getElementById("tb1"); var newTr = tb.insertRow(trIndex);//添加新行,trIndex就是要添加的位置 var newTd1 = newTr.insertCell(); newTd1.innerHTML = "这是新行,位置:" + trIndex; var newTd2 = newTr.insertCell(); newTd2.innerHTML = "这是新行,位置:" + trIndex; } <table style="width: 100%;" id="tb1"> <tr onclick="onAddTR(this)"> <td>1</td> <td>2</td> </tr> <tr onclick="onAddTR(this)"> <td>3</td> <td>4</td> </tr> </table> <script type="text/javascript"> function onAddTR(trObj) { $(trObj).after("<tr onclick='onAddTR(this)'><td>这是新行</td><td></td><tr/>"); } <

功能三——读取试题列表与分页显示

不问归期 提交于 2020-03-07 15:32:41
  PHP分页机制的作用主要是用于处理,当网页要显示多条(大于20条)SQL语句查询的结果时,在一页显示不仅会影响查看,而且对数据库的读取也比较耗费计算机资源。因此,当显示SQL语句的查询结果时,往往会使用分页的机制来缓解内存用于数据库的读取的资源占用、以及给用户更加清晰的浏览体验。  在使用select查询时,使用 limit子句 可用于强制selet语句返回指定的记录数。       语法格式:select * from tableName limit num1,num2;          num1:从第几个开始查找;          num2:要查找的数目        Select * from table limit 0,10       上面是一句简单的sql查询语句,它的作用是从一个名叫table的表里提取 前10条 数据   使用到的变量:     $currentPage; //记录当前所在页     $pageNum; //总页数     $pageSize;   //每页显示的条数 ceil() 函数向上舍入为最接近的整数      ceil(5.2)=>6;ceil(-2.4)=>-2 一、定义参数,并通过GET/POST方式传入默认值 $currentPage=isset($_GET['currentPage'])?intval($_GET[

基于Angularjs实现分页

断了今生、忘了曾经 提交于 2020-03-03 13:46:43
前言 学习任何一门语言前肯定是有业务需求来驱动你去学习它,当然ng也不例外,在学习ng前我第一个想做的demo就是基于ng实现分页,除去基本的计算思路外就是使用指令封装成一个插件,在需要分页的列表页面内直接引用。 插件 在封装分页插件时我实现了几种方式总体都比较零散,最后找到了一个朋友( http://www.miaoyueyue.com/archives/813.html )封装的插件,觉还不错,读了下他的源码就直接在项目中使用了。 原理和使用说明 1、插件源码主要基于angular directive来实现。 2、调用时关键地方是后台请求处理函数,也就是从后台取数据。 3、插件有两个关键参数currentPage、itemsPerPage,当前页码和每页的记录数。 4、实现方法调用后我们需要根据每次点击分页插件页码时重新提交后台来获取相应页码数据。 在调用的页码中我使用了$watch来监控。 我初次使用时是把调用函数放在了插件的onchange中,结果发现每次都会触发两次后台。这个地方需要注意。 5、我把请求后台封装成了Service层,然后在Controller里调用,也符合MVC思想。 效果图 调用代码 1 <div ng-app="DemoApp" ng-controller="DemoController"> 2 <table class="table table

【Spring Security + OAuth2 + JWT入门到实战】8. 登录记住我功能

瘦欲@ 提交于 2020-03-03 12:34:49
简介 登录页面添加记住我功能,下次无需再填账号密码直接登录。 记住我功能基础原理 在security中认证过滤链中的 org.springframework.security.web.authentication.rememberme.RememberMeAuthenticationFilter 过滤器来实现的 , 当没有其他的认证过滤器处理的时候,记住我这个过滤器就尝试工作。 实现记住我的功能 给登录页面增加记住我选项 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标准登录页面</title> </head> <body> <h2>标准登录页面</h2> <h3>表单登录</h3> <form action="/authentication/form" method="post"> <table> <tr> <td>用户名:</td> <td><input type="text" name="username"></td> </tr> <tr> <td>密码:</td> <td><input type="password" name="password"></td> </tr> <tr> <td>验证码:</td> <td><input type="text" name=

初探莫比乌斯反演

泪湿孤枕 提交于 2020-03-01 19:26:24
莫比乌斯反演的题目大多可以使用莫比乌斯函数性质求出 莫比乌斯函数性质就是 \([n=1]=\displaystyle \sum _{i|n}\mu(i)\) 比如说你要求 \(\displaystyle \sum _{i=1}^{n}\displaystyle \sum _{j=1}^{m}gcd(i,j)\) 其中 \(n<m\) 你可以先枚举gcd \(\displaystyle \sum _{d=1}^{n}d\displaystyle \sum _{i=1}^{n}\displaystyle \sum _{j=1}^{m}[gcd(i,j)=d]\) 考虑将 \(i=i*d,j=j*d\) 这里说的不详细可以看下面 \(\displaystyle \sum _{d=1}^{n}d\displaystyle \sum _{i=1}^{\lfloor \frac{n}{d}\rfloor}\displaystyle \sum _{j=1}^{\lfloor \frac{m}{d}\rfloor}[gcd(i,j)=d]\) 由莫比乌斯函数性质,原式可化为 \(\displaystyle \sum _{d=1}^{n}d\displaystyle \sum _{i=1}^{\lfloor \frac{n}{d}\rfloor}\displaystyle \sum _{j=1}^{

NVelocity模板引擎

若如初见. 提交于 2020-01-09 06:25:25
简介 NVelocity是一个基于.NET的模板引擎(template engine)。它允许任何人仅仅简单的使用模板语言(template language)来引用由.NET代码定义的对象。 语法 #include("head.htm") //引入文件 #parse("head.htm") //引入文件,与include不同的是,parse可以解析文件中的对象 #set ($age =20) //定义一个age变量,并通过set赋值 $age //展示变量age //简单判断 #if($age>10) 懵懂骚年 #else 花样年华 #end //复杂判断 #if( $age > 5 && $age <= 10 ) 学英语,so easy! #elseif( $age > 10 && $age <= 16) 作业多,怎么办 #elseif( $age > 16 && $age <= 19) 化学难! #else 后来我们开始怀念上学了! #end //通过foreach循环遍历集合元素 #foreach($p in $Model.Persons) $p.Name //姓名 $p.Age //年龄 $p.Phone //手机号 #end NVelocity配合一般处理程序(简单使用) <table class="doc-table" > <thead><tr><td>姓名</td>

用ajax对数据进行删除和查看

梦想与她 提交于 2019-12-30 04:17:12
删除和查看详情操作的共同语句:就是怎么显示表? 1.在主体中写表的开头行,想要显示的内容,并且加载数据也要显示的地方也建张表 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <table width= "100%" border= "1" cellpadding= "0" cellspacing= "0" >    <tr> //开头行显示的内容 <td>代号</td> <td>名称</td> <td>价格</td> <td>产地</td> <td>库存</td> <td>操作</td>   </tr>   <tbody id= "bg" > //循环遍历表显示的内容展示的位置   </tbody> </table> 如图: 2.显示数据:用ajax方法遍历一张表,显示出表的内容 1 2 3 4 5 $.ajax({<br>   //因为不用传输数据所以就不用写data和传输类型了 url: "xianshicl.php" , //编写处理页面 dataType: "TEXT" , success: function (data){<br>       //执行处理页面结束的语句编写    }<br>}) 如图: 3.显示数据的处理页面 1 2 3 4 5 6 7 <?php include ( "DBDA.class.php" ); /调用封装好的类

jsp+servlet+Tomcat+mysql实现用户注册、登录、查看、修改实例之——用户登录

☆樱花仙子☆ 提交于 2019-12-27 15:08:10
学习javaWeb,首先要学习基础的jsp,servlet,弄通了机制然后就得心应手了。我们来实现一个简单的实例来学习。 我们的任务有: 1.数据库及表创建         2.实现用户注册         3.实现用户登录         4.实现用户列表显示         5.实现用户删除         6.实现用户信息查看         7.实现用户信息修改 上节我们实现了用户注册,本节来接着实现用户登录 三、用户登录 要实现用户登录功能,我们需要完成以下几个任务:        1.写登录jsp页面        2.写登录servlet        3.写登录验证方法 1.登录页面 一个简单的登录页面需要包含登录信息和登录提交按钮,下面是一个简单的登录界面 ( 说明 :如果用户未输入用户信息或者输入信息有误,提示 用户名或密码错误 )  userlogin.jsp部分代码如下: 1 <% String message = (String)(request.getAttribute("message")); %> 2 <!--省略JS判断部分代码 -> 3 <form id = "form1" action = "servlet/UserloginServlet" method = "post"> 4 <table border="1" style="border

JS中取消事件的两种方式

我们两清 提交于 2019-12-09 08:20:16
取消事件:2种情况: 1. 在html中绑定事件处理函数:2个return <span style="font-size:14px;"><script type="text/javascript"> function validate(obj) { if (confirm("提交表单?")) { alert(obj.value); return true; } else { alert(obj.value); return false; } } </script> <body> <form action="http://www.baidu.com" <span style="background-color: rgb(255, 255, 153);">οnsubmit="return validate(document.getElementByIdx_x('myText'))</span>;"> <!—参数的这种写法注意下--> <input type="text" id="myText"/> <input type="submit" value="submit"/> </form> </body></span> 2. js中动态绑定事件处理函数: DOM标准:e.preventDefault() IE8: e.returnValue=false 兼容:if(e