随笔分类 -  HebeDemo

一些基于Hebe框架下的小demo
table形式的列表页面显示
摘要：（该案例在项目中的reserve_bchmc.html,其对应的后台在CountBean中） 先看一下效果图： 该列表页面并不是用easyUI中的datagrid实现的，而是用table实现页面显示的 原理：页面上的数据每一行数据存放在一个对象里面，与户主相关的数据都是从数据库取的，然后将查询出来的 阅读全文

posted @ 2017-10-20 16:36 bad--guy 阅读(1371) 评论(0) 推荐(0)

弹出框中选项卡的运用（easyUI）
摘要：先看一下页面效果： 此处有两个知识点：一个是弹出框的运用，一个是选项卡的运用 分析一下该HTML代码，最外面一个div是弹出框的，默认是关闭状态，可通过ID来控制弹出框的开关，该div的样式是easyUI—dialog。再里面一个div是选项卡的，该选项卡也有ID，可通过id控制选项卡之间的跳转，其 阅读全文

posted @ 2017-09-01 16:29 bad--guy 阅读(1269) 评论(1) 推荐(0)

弹出框表单的运用
摘要：先看一下表单弹出框界面，点击新建就会弹出以下界面 在前台，该弹出框的网页代码是在list列表页面写的，新建弹出框不需要再用一个页面，这也节约了页面成本 弹出框页面代码如下所示，其本质就是一个div中套了form表单再套了一个table表格 只是该div样式是easyUI—dialog，该div在打开 阅读全文

posted @ 2017-09-01 15:28 bad--guy 阅读(1102) 评论(0) 推荐(0)

注册功能的实现
摘要：系统并不是显示的第一个网页是注册页面，，而是登录界面，所以注册页面需要通过登录界面进行跳转。 在注册页面，其头部与尾部还有背景图与登录界面一致 HTML： 头部： 尾部： 注册输入框： 注意：注册页面与登录页面有很多共用的css，还有注册界面并不在公开的webapp下，而是放在了web_inf的下面 阅读全文

posted @ 2017-07-12 17:37 bad--guy 阅读(665) 评论(0) 推荐(0)

登录功能的实现
摘要：登录界面与注册界面一样，作用不一样罢了，先来看一下整体页面 该界面的头部与尾部代码与注册界面的一致 HTML： <div class="login"> <div class="easyui-panel" title="登 录" style="width:100%;max-width:400px;pa 阅读全文

posted @ 2017-07-12 16:40 bad--guy 阅读(2473) 评论(0) 推荐(0)

怎么给项目打包
摘要：1. 2. 3. 4. 5.重名包名 6.选择包的导出路径 7.勾选上 8.双击加入 10.点击OK后将包导出 11.最后在导出的路径中会得到一个后缀名为.war的文件 阅读全文

posted @ 2017-06-07 11:25 bad--guy 阅读(675) 评论(0) 推荐(0)

导出功能的实现
摘要：10.导出 a.在网页上新建一个导出按钮 <a onclick="toExport()" class="easyui-linkbutton" iconCls="icon-export">导出</a> b.在JavaScript中写按钮的触发事件 //获取参数function getJsonParam 阅读全文

posted @ 2017-06-07 11:15 bad--guy 阅读(2022) 评论(0) 推荐(0)

查询重置功能的实现
摘要：8.根据条件查询 a.在页面上新建一个查询按钮 <a onclick="toQuery()" class="easyui-linkbutton" iconCls="icon-search">查询</a> b.在JavaScript中写一个查询按钮的触发事件 //查询function toQuery( 阅读全文

posted @ 2017-06-07 11:10 bad--guy 阅读(3883) 评论(0) 推荐(0)

树的功能实现
摘要：6.院系树的生成 a.在body部分写一个加载树的地方 b.在JavaScript中写一个加载树的方法 //初始化院系树var depid=""; function initTree(){ var setting={ data:{ simpleData:{ enable:true } }, call 阅读全文

posted @ 2017-06-07 11:05 bad--guy 阅读(197) 评论(0) 推荐(0)

查看功能的实现
摘要：5.查看学生信息的实现 a.在student_list.html页面新加一个查看按钮，并编写触发按钮的跳转事件 b.新建一个显示单个学生信息的页面student_info.html head部分导包之类 Body部分内容 <body class="easyui-layout"><div data-o 阅读全文

posted @ 2017-06-07 10:56 bad--guy 阅读(455) 评论(0) 推荐(0)

修改功能的实现
摘要：4.学生信息修改的实现 a.在list页面加一个修改的按钮，并编写其触发事件 值得注意的是： 因为修改与新增有很多相同之处，因此在按钮触发事件为同一个事件，只是修改会绑定ID，新增不会绑定id b.编写student_edit.html 由于新建已经写好了该页面，现在只需要写脚本 在页面加载完毕后会 阅读全文

posted @ 2017-06-07 10:50 bad--guy 阅读(320) 评论(0) 推荐(0)

新增功能的实现
摘要：3.学生信息新增的实现 a.编写HTML网页 首先在现有的student_list.html网页中新加一个新增的按钮 并编写该按钮所对应的点击的方法，该方法是跳到新增网页上去 值得注意的是： 此处跳转绑定了一个返回路径，便于返回 b.新建一个增加的网页，网页名就是student_edit.html. 阅读全文

posted @ 2017-06-07 10:47 bad--guy 阅读(456) 评论(0) 推荐(0)

删除功能的实现（单个删除与批量删除）
摘要：2.1学生信息删除的实现 因为实体类已经编写好，所以不需要再编写实体类 a.在现有的student_list.html页面创建一个删除按钮，并在Javascript中编写删除方法 该删除是根据ID一个个删除，并非批量删除，因此点击删除按钮的时候会得到该行ID并传给该方法 b.编写子控制器getway 阅读全文

posted @ 2017-06-07 10:40 bad--guy 阅读(14428) 评论(0) 推荐(0)

列表显示功能的实现
摘要：1.学生列表的实现: a.首先新建一个与表对应的实体类，（增删改查操作都需要） b.新建一个student_list.html网页,注意用前台框架easyui编写其中的网页。 首先需要在head中导包 然后编写body中的内容 其中需要有一个表格来用于显示从后台传来的学生信息列表 再编写Javasc 阅读全文

posted @ 2017-06-07 10:33 bad--guy 阅读(973) 评论(0) 推荐(0)

项目编写步骤
摘要：1.配置web.xml文件（该文件在WEB-INF下面） 其中需要注意的是： <welcome-file-list> <welcome-file>login.html</welcome-file></welcome-file-list> 该配置表示Tomcat容器一启动的时候就会访问该网页，即进入系 阅读全文

posted @ 2017-06-07 10:21 bad--guy 阅读(247) 评论(0) 推荐(0)

项目需要以及配置准备
摘要：项目需求： 做一个简单的学生管理系统，涉及学生表跟学院表，其功能有学生用户名登录，学生列表，学生信息的新建，学生信息的删除，学生信息的批量删除，学生信息的查看，学生信息的修改，系统的退出。 开发准备： 导入文件之前需做：(如果之前也导入过该项目则需做以下情况) 将.idea out hebedemo 阅读全文

posted @ 2017-06-07 10:16 bad--guy 阅读(153) 评论(0) 推荐(0)

导航