一、后台servlet开发

1.1、在CustomDAO中添加查询所有客户的方法

 public List<Custom> selectAllCustoms() {String sql="SELECT c.*, u.nick_name FROM t_custom AS c LEFT JOIN t_user AS u ON c.uid=u.id";ResultSet rs = this.executeQuery(sql);List<Custom> list=new ArrayList<Custom>();try {while(rs.next()){Custom custom=new Custom();custom.setName(rs.getString("name"));custom.setAge(rs.getInt("age"));custom.setSex(rs.getInt("sex"));custom.setPhone(rs.getString("phone"));custom.setWechat(rs.getString("wechat"));custom.setAddr(rs.getString("addr"));custom.setHoby(rs.getString("hoby"));custom.setEmail(rs.getString("email"));custom.setOccupation(rs.getString("occupation"));custom.setUid(rs.getInt("uid"));try {custom.setNickName(rs.getString("nickName"));} catch (SQLException throwables) {throwables.printStackTrace();}list.add(custom);}this.closeAll();} catch (SQLException throwables) {throwables.printStackTrace();}return list;}
}

1.2、在CustomDAO中添加根据用户id查询所有客户的方法

public List<Custom> selectAllCustomById(int uid) {String sql="select * from t_custom where uid="+uid;ResultSet rs = this.executeQuery(sql);List<Custom> list=new ArrayList<Custom>();try {while(rs.next()){Custom custom=new Custom();custom.setName(rs.getString("name"));custom.setAge(rs.getInt("age"));custom.setSex(rs.getInt("sex"));custom.setPhone(rs.getString("phone"));custom.setWechat(rs.getString("wechat"));custom.setAddr(rs.getString("addr"));custom.setHoby(rs.getString("hoby"));custom.setEmail(rs.getString("email"));custom.setOccupation(rs.getString("occupation"));try {custom.setNickName(rs.getString("nickName"));} catch (SQLException throwables) {throwables.printStackTrace();}custom.setUid(uid);list.add(custom);}this.closeAll();} catch (SQLException throwables) {throwables.printStackTrace();}return list;
}

1.3、添加CustomAddServlet

@WebServlet("/custom_list")
public class CustomListServlet extends HttpServlet {@Overrideprotected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {req.setCharacterEncoding("utf8");resp.setCharacterEncoding("utf8");resp.setContentType("application/json;charset=utf8");//获取打印输出流PrintWriter writer = resp.getWriter();//从session中获取用户信息,看看是不是admin用户HttpSession session = req.getSession();Manger manger=(Manger) session.getAttribute("user");//通过到查询CustomDAO dao =new CustomDAOImpl();List<Custom> list = null;if("admin".equals(manger.getUser_name())){//显示全部的客户信息list=dao.selectAllCustoms();}else{//显示用户看到自己的信息list=dao.selectAllCustomById(manger.getId());}String json= JSON.toJSONString(list);writer.print(json);writer.close();//释放资源}

2.2、通过v-for指令显示客户列表

<tr v-for="u in customs"><td>{{u.id}}</td><td>{{u.name}}</td><td>{{u.age}}</td><td>{{u.sex}}</td><td>{{u.phone}}</td><td>{{u.wechat}}</td><td>{{u.addr}}</td><td>{{u.hoby}}</td><td>{{u.email}}</td><td>{{u.occupation}}</td><td>{{u.nickName}}</td><td><button class="btn btn-link" @click="doUpdate(u.id)">修改</button><button class="btn btn-link" @click="doDelete(u.id)">删除</button></td>
</tr>

2.3、完整前端代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="assets/bootstrap-3.3.7-dist/css/bootstrap.min.css"/><script src="assets/jquery-3.5.1/jquery-3.5.1.min.js"></script><script src="assets/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script><script src="assets/vue.min-v2.5.16.js"></script><script src="assets/axios.min.js"></script><style>a:link{font-size: 20px;color:rgb(109,109,109);}a:visited{font-size: 20px;color:rgb(109,109,109);}a:hover{font-size: 20px;color:white;text-decoration:none; }</style>
</head>
<body>
<div class="container" id="app"><div class="row"><!--导航--><div class="col-md-3" style="background-color: rgb(0,21,41);height: 600px;"><!--行--><div class="row"><div class="col-md-12" style="background-color: rgb(0,40,77);text-align: center;line-height: 70px;height: 70px;font-size: 20px;color: white;font-weight: bold;"><!--添加蜗牛logo图片并设置大小--><img src="assets/img/logo.png" style="width:30px;height: 30px;margin-right: 8px;"/>蜗牛GRC管理系统</div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="index.html">进入首页</a></div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="user_list.html">用户管理</a></div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="user_add.html">添加用户</a></div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="custom_list.html">客户管理</a></div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="custom_add.html">添加客户</a></div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="update_pwd.html">修改密码</a></div></div><div class="row"><div class="col-md-12" style="text-align: center;padding:20px 8px 20px 8px;"><a href="login.html">退出登录</a></div></div></div><!--内容--><div class="col-md-9" style="border: 1px solid gray;height: 600px"><div class="row"><!--显示提升位置--><div class="col-md-12" style="height: 70px;font-size: 18px;color: rgb(109,109,109);line-height:70px;font-weight: bold;padding-left: 20px">>&nbsp;&nbsp; 客户管理</div></div><div class="row" style="background-color: rgb(240,242,245);height: 530px;padding: 20px"><!--显示内容--><div class="col-md-12" style="background-color: white;height: 530px;border:none;border-radius: 5px;" ><!--使用bootstap斑马线样式--><table class="table table-striped" style="margin-top: 20px;"><!--表头描述--><caption>客户管理-客户列表</caption><!--表头--><thead><tr><th>ID</th><th>姓名</th><th>年龄</th><th>性别</th><th>手机号</th><th>微信号</th><th>住址</th><th>爱好</th><th>Email</th><th>职业</th><th>创建者</th><th>操作</th></tr></thead><tbody><tr v-for="u in customs"><td>{{u.id}}</td><td>{{u.name}}</td><td>{{u.age}}</td><td>{{u.sex}}</td><td>{{u.phone}}</td><td>{{u.wechat}}</td><td>{{u.addr}}</td><td>{{u.hoby}}</td><td>{{u.email}}</td><td>{{u.occupation}}</td><td>{{u.nickName}}</td><td><button class="btn btn-link" @click="doUpdate(u.id)">修改</button><button class="btn btn-link" @click="doDelete(u.id)">删除</button></td></tr></tbody></table></div></div></div></div>
</div>
<script>new Vue({el:'#app',data:{customs:null},created:function () {this. requestCustomList();},methods:{//要删除的用户iddoDelete(id){//发送servlet删除用户发请求(删除)axios.get("delete_user?id="+id).then(response=>{if(response.data=="删除成功"){this. requestCustomList();}else{alert("删除失败");}});},doUpdate(id){//跳转到user_update.html页面,并且传递id过去window.location.href="user_update.html?id="+id;},requestCustomList(){//请求客户列表(查询方法)axios.get("custom_list").then(response=>{this.customs=response.data;});}}});</script>
</body>
</html>

CRM管理系统查询客户信息相关推荐

制作CRM管理系统05(客户管理)
目录一.后台servlet开发 1.1.在CustomDAO中添加查询所有客户的方法 1.2.添加CustomAddServlet 二.前端html开发 2.1.在created方法中通过axios ...
制作CRM管理系统04(客户增加)
一.后端servlet开发 1.1.创建Custom实体类 package entity;public class Custom {private int id;private String name ...
java客户信息管理系统_JavaWeb客户信息管理系统.doc
JavaWeb客户信息管理系统 xxxx 信息科学与工程学院课程设计题目: 客户信息管理系统姓名: xxxx 学号: xxxx 班级: xxxx 课程: Java Web 任课教师 x ...
用c语言做简单的用户管理系统,简单客户信息管理系统的设计与实现.doc
简单客户信息管理系统的设计与实现学年设计报告设计题目简单客户信息管理系统的设计与实现作者姓名林燕.丁楠楠.赵长永.陈勇祥.孙青.张书生所学专业网络工程指导教师王汇彬 201 ...
学生信息管理系统——查询学生信息（Java+web综合）
前言之前我们已经完成了登录的逻辑操作,那么接下来我们完成学生信息查询的操作一分析之前的博客我们已经把准备工作完成了,戳–>登录模块查看现在我们直接分析查询学生信息的逻辑,话不多说,直接 ...
供应链管理系统--(2)客户信息
概述目前这套供应链系统终端客户是饭店,例如西贝,绿茶,黄记煌这样的客户.这样的客户都是连锁性质,一个客户下面有很多门店.针对这种情况,客户信息是包括门店信息,首先是客户,然后是门店,有层级关系. 1 ...
CRM管理系统添加客户
一.后端servlet开发 1.1.创建Custom实体类 public class Custom {private int id;private String name;private int ag ...
CloudCC：CRM帮您轻松直观地管理客户信息
当前,随着市场竞争的日益加剧,客户已成为公司存在和发展的决定性因素.无论是对于企业整体发展而言,还是对于销售人员来说,能有一套CRM系统建立客户关系管理的360度全方位视图,其重要性都是不言而喻的. ...
使用CRM系统通过四点快速收集客户信息
CRM是客户关系管理的缩写,它可以帮助企业管理销售.营销和客户服务,提升管理能力,获得更多收益. 那么,在CRM系统中客户是什么?如何快速收集客户信息呢?下面我们来说一说. 一.CRM中的客户是什么? ...

CRM管理系统查询客户信息

一、后台servlet开发

1.1、在CustomDAO中添加查询所有客户的方法

1.2、在CustomDAO中添加根据用户id查询所有客户的方法

1.3、添加CustomAddServlet

2.2、通过v-for指令显示客户列表

2.3、完整前端代码

CRM管理系统查询客户信息相关推荐

最新文章

热门文章