easyui下拉框和增加以及商品的上架和下架
2024-06-05 15:19:04
一、下拉框
1.将下拉框需要显示的值写入实体类
package com.sjy.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;
}
@Override
public String toString() {return "Category [id=" + id + ", name=" + name + "]";
}
public Category() {super();
}}
2.dao方法进行查询
public List<Category> listType(Category category,PageBean pageBean) throws Exception{String sql="select * from t_easyui_category where 1=1";return executeQuery(sql, Category.class, pageBean);}3.action子控制器内调用
package com.sjy.web;import java.util.List;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.sjy.dao.CategoryDao;
import com.sjy.entity.Category;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.ResponseUtil;public class CategoryAction extends ActionSupport implements ModelDriver<Category>{public Category category=new Category();public CategoryDao categoryDao=new CategoryDao();@Overridepublic Category getModel() {return category;}public String listType(HttpServletRequest req, HttpServletResponse resp) throws Exception {List<Category> listType = categoryDao.listType(category, null);ResponseUtil.writeJson(resp, listType);return null;}
}
4.配置mvc文件
<action path="/category" type="com.sjy.web.CategoryAction"> </action>5.在表单中添加下拉框组件
<input id="cid" name="cid" value="" label="类别" > $('#cid').combobox({url:'${pageContext.request.contextPath}/category.action?methodName=listType',valueField:'id',textField:'name'});
二、添加
1.添加表单
<form id="ff" action="" method="post"><div style="margin-bottom:20px"><input class="easyui-textbox" name="name" style="width:100%" data-options="label:'书名:',required:true"></div><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><div style="margin-bottom:20px"><input class="easyui-textbox" name="author" style="width:100%" data-options="label:'作者:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="price" style="width:100%"data-options="label:'价格:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="publishing" style="width:100%"data-options="label:'出版社:',required:true"></div><div style="margin-bottom:20px"><input class="easyui-textbox" name="description" style="width:100%;height:60px"data-options="label:'简介:',required:true"></div><%--默认未上架--%><input type="hidden" name="state" value="1"><%--默认起始销量为0--%><input type="hidden" name="sales" value="0"></form>
2.给表单添加点击事件
<div style="text-align:center;padding:5px 0">
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="submitForm()" style="width:80px">Submit</a>
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="clearForm()" style="width:80px">Clear</a>
</div>
3.提交表单和清空
function submitForm() {$('#ff').form('submit',{url:"${pageContext.request.contextPath}/book.action?methodName=add",success:function (data) {$('#ff').form('clear');}});}function clearForm() {$('#ff').form('clear');}三、上架和下架
1.书籍实体类
package com.sjy.entity;import java.util.Date;import com.fasterxml.jackson.annotation.JsonFormat;public class Book {
private long id;
private String name;
private String pinyin;
private long cid;
private String author;
private float price;
private String image;
private String publishing;
private String description;
private int state;
private int sales;
public int getSales() {return sales;
}
public void setSales(int sales) {this.sales = sales;
}
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 String getPinyin() {return pinyin;
}
public void setPinyin(String pinyin) {this.pinyin = pinyin;
}
public long getCid() {return cid;
}
public void setCid(long cid) {this.cid = cid;
}
public String getAuthor() {return author;
}
public void setAuthor(String author) {this.author = author;
}
public float getPrice() {return price;
}
public void setPrice(float price) {this.price = price;
}
public String getImage() {return image;
}
public void setImage(String image) {this.image = image;
}
public String getPublishing() {return publishing;
}
public void setPublishing(String publishing) {this.publishing = publishing;
}
public String getDescription() {return description;
}
public void setDescription(String description) {this.description = description;
}
public int getState() {return state;
}
public void setState(int state) {this.state = state;
}
public Date getDeployTime() {return deployTime;
}
public void setDeployTime(Date deployTime) {this.deployTime = deployTime;
}
@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8")
private Date deployTime;@Override
public String toString() {return "Book [id=" + id + ", name=" + name + ", pinyin=" + pinyin + ", cid=" + cid + ", author=" + author+ ", price=" + price + ", image=" + image + ", publishing=" + publishing + ", description=" + description+ ", state=" + state + ", sales=" + sales + ", deployTime=" + deployTime + "]";
}
public Book() {
}}
2.书籍的dao方法增改查
package com.sjy.dao;import java.util.Date;
import java.util.List;import com.sjy.entity.Book;
import com.zking.util.BaseDao;
import com.zking.util.PageBean;
import com.zking.util.PinYinUtil;
import com.zking.util.StringUtils;public class BookDao extends BaseDao<Book>{public List<Book> list(Book book,PageBean pageBean) throws Exception{String sql="select * from t_easyui_book where 1=1";String name = book.getName();int state = book.getState();if(StringUtils.isNotBlank(name)) {sql+=" and name like '%"+name+"%'";}if(state!=0) {sql+=" and state="+state;}return super.executeQuery(sql, Book.class, pageBean);}public void add(Book book) throws Exception {book.setDeployTime(new Date());book.setPinyin(PinYinUtil.getAllPingYin(book.getName()));String sql="insert into t_easyui_book(id,name,pinyin,cid,author,price,image,publishing,description,state,deployTime,sales) values(?,?,?,?,?,?,?,?,?,?,?,?)";super.executeUpdate(sql, book, new String[] {"id","name","pinyin","cid","author","price","image","publishing","description","state","deployTime","sales"});}public void editState(Book book) throws Exception {String sql="update t_easyui_book set state=? where id=?";super.executeUpdate(sql, book, new String[] {"state","id"});}public void edit(Book book) throws Exception {String sql="update t_easyui_book set name=?,pinyin=?,cid=?,author=?,price=?,image=?,publishing=?,description=?,state=?,sales=? where id=?";super.executeUpdate(sql, book, new String[] {"name","pinyin","cid","author","price","image","publishing","description","state","sales","id"});}public static void main(String[] args) throws Exception {BookDao bd=new BookDao();Book book=new Book();book.setId(1);book.setName("sjy");book.setAuthor("sjy");book.setPrice(111);bd.add(book);List<Book> list = bd.list(book, null);System.out.println(list);}
}
3.书籍的action
package com.sjy.web;import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.fasterxml.jackson.core.JsonProcessingException;
import com.sjy.dao.BookDao;
import com.sjy.entity.Book;
import com.zking.framework.ActionSupport;
import com.zking.framework.ModelDriver;
import com.zking.util.PageBean;
import com.zking.util.PinYinUtil;
import com.zking.util.ResponseUtil;public class BookAction extends ActionSupport implements ModelDriver<Book>{public Book book=new Book();public BookDao bookDao=new BookDao();@Overridepublic Book getModel() {return book;}public String list(HttpServletRequest req, HttpServletResponse resp) throws Exception {PageBean pageBean =new PageBean();pageBean.setRequest(req);List<Book> list = bookDao.list(book, pageBean);Map<String, Object> map=new HashMap<String, Object>();map.put("total", pageBean.getTotal());map.put("rows", list);ResponseUtil.writeJson(resp, map);return null;}public String add(HttpServletRequest req, HttpServletResponse resp) {try {bookDao.add(book);ResponseUtil.writeJson(resp, "1");} catch (Exception e) {e.printStackTrace();try {ResponseUtil.writeJson(resp, "2");} catch (JsonProcessingException e1) {e1.printStackTrace();} catch (IOException e1) {e1.printStackTrace();}}return null;}public String editState(HttpServletRequest req, HttpServletResponse resp) {try {bookDao.editState(book);ResponseUtil.writeJson(resp, "1");} catch (Exception e) {e.printStackTrace();try {ResponseUtil.writeJson(resp, "2");} catch (JsonProcessingException e1) {e1.printStackTrace();} catch (IOException e1) {e1.printStackTrace();}}return null;}public String edit(HttpServletRequest req, HttpServletResponse resp) {try {bookDao.edit(book);ResponseUtil.writeJson(resp, "1");} catch (Exception e) {e.printStackTrace();try {ResponseUtil.writeJson(resp, "2");} catch (JsonProcessingException e1) {e1.printStackTrace();} catch (IOException e1) {e1.printStackTrace();}}return null;}
}
4.配置mvc文件
<action path="/book" type="com.sjy.web.BookAction"> </action>5.上架的js代码
function shangjia() {$.messager.confirm('确认','您确认想要上架此书籍吗？',function(r){if (r){var row = $('#dg').datagrid('getSelected');if (row){$.ajax({url:'${pageContext.request.contextPath}/book.action?methodName=editState&state=2&id=' + row.id,success:function (data) {alert(data);$('#dg').datagrid('reload');}})} }});}6.下架的js代码
function xiajia() {$.messager.confirm('确认','您确认想要下架此书籍吗？',function(r){if (r){var row = $('#dg').datagrid('getSelected');if (row){$.ajax({url:'${pageContext.request.contextPath}/book.action?methodName=editState&state=3&id=' + row.id,success:function (data) {alert(data);$('#dg').datagrid('reload');}})}}});}注意：书籍状态（1 未上架 2 已上架 3 已下架 默认值1 ）
增加时默认为1状态
easyui下拉框和增加以及商品的上架和下架相关推荐
- EasyUI下拉框级联
EasyUI用来实现后台界面还是可以的,毕竟面对的是小众群体而非广大的用户,简单为美.这里想聊的功能是一种下拉框的联动,比如我选中了下拉框A的某一项,那么下拉框B的选项就是甲乙丙丁,如果我选了A的另一 ...
- easyui下拉框option写死_JavaScript_jQuery+easyui中的combobox实现下拉框特效，1.第一种写法：Input框中显示： - phpStudy...
jQuery+easyui中的combobox实现下拉框特效 1.第一种写法:Input框中显示: 2. 第二种用法,在list列表中显示: 类别 3. 第二种的另一种写法: 类别 以上3种方法均可实 ...
- searchableSelect下拉框插件增加按拼音及首拼搜索
如果你的下拉框选项都是中文,那么下拉搜索时也必须输入中文才能搜索.如果增加上按拼音及汉字首字母搜索岂不是更方便? 1 引入拼音及首字母转换js 地址:https://github.com/oniono ...
- easyui下拉框值改变
EasyUI在web开发中常用到, 下拉框是表单元素的一种, <select id="consumerType" name="consumerType" ...
- jquery easyui下拉框多选 和原生多选下拉多选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- easyui下拉框option_js和jQuery以及easyui实现对下拉框的指定赋值实例分享
本文主要为大家分享一篇js和jQuery以及easyui实现对下拉框的指定赋值方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧,希望能帮助到大家. js实现: 1. 通过让第i个o ...
- easyUI下拉框默认选中和联动、内容回显
<td><input id="Area" name="Area" type="text" style="widt ...
- html下拉框动态增加成员,JavaScript实现左右下拉框动态增删示例
选中下拉框中的选项实现左移右移 效果: 1. Html部分代码 左1 左2 左3 左4 左5 左6 左7 左8 左9 左10 右1 右2 右3 右4 右5 右6 右7 2. JavaScript脚本代 ...
- easyui下拉框用法
<select class="easyui-combobox" name="construct_state_id" id="construct_ ...
- easyui 下拉框用法
<select class="easyui-combobox" name="construct_state_id" id="construct_ ...
最新文章
- 以太坊白皮书_区块链60讲第33集~什么是以太坊?
- 详细的DOS命令说明
- npm教程：如何查看TypeScript版本、卸载TypeScript和安装TypeScript
- 20130328java基础学习笔记-循环结构for以及for,while循环区别
- 孙叫兽进阶之路之如何进行情绪管理
- Java数据结构的知识体系
- html让文本框左剧中对齐_HTML 样式 CSS
- linux之git高级命令
- 正面管教之PHP_主题体验活动之亲密关系
- Flutter之GridView简析
- 鸟哥的Linux私房菜PDF在线阅读
- EasyRecovery15版本电脑数据恢复软件
- hdu 6437 - 最大费用流
- 使用HTML+CSS实现图片滚动效果
- 徐思201771010132《面向对象程序设计（Java）》第十三周学习总结
- C5750X7R2E105K230KA(电容器)MSP430F5249IRGCR微控制器资料
- docker Aria2容器下载加速Aria2-pro+AriaNg 增加 BT-tracker
- sub- 如substring简写sub
- Python 处理图片
- 山东省科学技术进步奖项项目申报条件和流程