wordpress utf8 gbk/深圳网站seo外包公司哪家好

前言：昨天与大家分享了EasyUi项目之登录、注册以及权限树形展示，而今天的内容是继而昨天的内容，进行书籍的增删改查。而今天也会讲解到一个关于easyui的之前没有分享的新的控件---combobox（下拉框）

一、明确目标：

        1、点击新增书籍时弹出新增书籍界面，而类型将会进行下拉框的显示。
        2、新增一本书后，该书就会显示到未上架的界面中。

        3、在未上架的界面中点击上架就会到显示到已上架中

        4、在未上架的界面中点击修改就会进行修改

        5、在已上架的界面中点击下架就会到显示到已下架中

二、明确功能：

                      1、用combobox控件进行类型的显示、增加

                      2、修改

                      3、编辑状态（上架、下架——因为上架和下架的功能是根据该书籍的状态进行区分的，1表示未上架，2表示已上架，3表示已下架）

三、代码已经效果展示：

        一、用combobox控件进行类型的显示：

               1、思路：

                           1、先建好关于category表的实体类

                           2、之后创建categorydao层（写好查询全部的方法）

                           3、写好categoryaction包（这是连接前端的代码）

                           4、配置好mvc.xml文件

                           5、之后到对应该出现下拉框位置写好js代码

               2、代码展示：

                     2.1实体类：

package com.zking.entity;public class Category {private long id;private String name;public long getId() {return id;}public void setId(long id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public Category(long id, String name) {super();this.id = id;this.name = name;}@Overridepublic String toString() {return "Category [id=" + id + ", name=" + name + "]";}public Category() {// TODO Auto-generated constructor stub}}

                     2.2、categorydao（list方法）：

package com.zking.dao;import java.util.List;import com.zking.entity.Category;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;public class CategoryDao extends BaseDao<Category> {public List<Category> list(Category category, PageBean pageBean) throws Exception {String sql="select * from t_easyui_category ";return super.executeQuery(sql, Category.class, pageBean);}}

                     2.3、categoryaction：

public class CategoryAction  extends ActionSupport implements ModelDriver<Category>{private Category category=new Category();private CategoryDao cd=new CategoryDao();public Category getModel() {return category;}public String combobox(HttpServletRequest req, HttpServletResponse resp)  {try {List<Category> list = cd.list(category, null);ResponseUtil.writeJson(resp, list);} catch (Exception e) {e.printStackTrace();}return null;}

                     2.4、配置好mvc.xml文件：

<action path="/category" type="com.zking.web.CategoryAction"></action>

                     2.5、写好js代码：

下拉框html代码：
<div style="margin-bottom:20px"><input id="cid" name="cid" value="" label="类别" ><%--<select class="easyui-combobox" name="cid" label="类别" style="width:100%">--%><%--<option value="1">文艺</option>--%><%--<option value="2">小说</option>--%><%--<option value="3">青春</option>--%><%--</select>--%></div>  js方法：
$(function () {$('#cid').combobox({    url:'${pageContext.request.contextPath}/category.action?methodName=combobox',    valueField:'id',    textField:'name'   });  });

               3、效果展示：

         二、增加：

                1、代码展示：

	public void add(Book t) throws Exception {t.setPinyin(PinYinUtil.getAllPingYin(t.getName()));t.setDeployTime(new Date());String sql="insert into t_easyui_book(name,pinyin,cid,author,price,image,publishing,description,state,deployTime,sales) values(?,?,?,?,?,?,?,?,?,?,?)";super.executeUpdate(sql, t, new String[] {"name","pinyin","cid","author","price","image","publishing","description","state","deployTime","sales"});}

              2.效果展示：

 在右下角可以得到，数据为28条，现在进行增加

现在可以看到已经是30条数据了，新增成功

 新增成功已将书籍添加到了未上架的界面中：

          三、修改：

                1、代码展示：

public void edit(Book t) throws Exception {super.executeUpdate("update t_easyui_book set name=?,pinyin=?,cid=?,"+ "author=?,price=?,image=?,publishing=?,description=?,state=?,deployTime=?,sales=? where id=?", t, new String[] {"name","pinyin","cid","author","price","image","publishing","description","state","deployTime","sales","id"});}

                1、效果展示：

修改前：

 ​​​​​​​修改中：

修改后：

           四、编辑状态：

                  一、在未上架的界面中点击上架就会到显示到已上架中：

                       1、思路：

                            1、在bookdao中写好编辑状态的方法名为editstatus（根据id进行state状态的修改）

                            2、然后找到未上架界面，找到上架的超链接

                            3、之后写js代码（在跳转路径中固定写好要变成的状态）

                            4、最后写刷新代码

                       2、代码展示：

bookdao：

	public void editStatus(Book t) throws Exception {super.executeUpdate("update t_easyui_book set state=? where id=?", t, new String[] {"state","id"});}

listbook1.jsp：

 js方法：

 function shangjia() {$.messager.confirm('确认','您确认想要上架此书籍吗？',function(r){if (r){var row = $('#dg').datagrid('getSelected');if (row){$.ajax({url:'${pageContext.request.contextPath}/book.action?methodName=editStatus&state=2&id=' + row.id,success:function (data) {if(data=1){$('#dg').datagrid('reload'); //刷新的代码  }}})} }});}

在其中的url中定义好要改变的状态，上架的目的就是将状态为未上架改为已上架（将state=1变成state=2）同样的刷新代码也在其中。

                       3、效果展示：

将改书籍上架：

 上架成功：

 同时在未上架界面中要上架的图书已经消失：

                   二、在已上架的界面中点击下架就会到显示到已下架中

                       1、思路：

                             1、和点一是一样的，采用同样的方法：

                            2、然后找到已上架界面，找到下架的超链接

                            3、之后写js代码（在跳转路径中固定写好要变成的状态）

                            4、最后写刷新代码

                       2、代码展示：采用bookdao同样的方法

listbook2.jsp：

 js方法：

   function xiajia() {$.messager.confirm('确认','您确认想要下架此书籍吗？',function(r){if (r){var row = $('#dg').datagrid('getSelected');if (row){$.ajax({url:'${pageContext.request.contextPath}/book.action?methodName=editStatus&state=3&id=' + row.id,success:function (data) {$('#dg').datagrid('reload');                         }})}}});}

                       3、效果展示：将书籍名为阿发的书籍下架

 下架中：

 书籍名为阿发这本书已经消失：

 在已下架中可以看到阿发这本书：

 以上效果均已实现

总结：今天分享的知识就这些了，功能实现并不难，只要细心与认真都到位就可以了。分享知识就到这了，祝大家爱生活愉快！