基于javaweb+jsp的客户关系管理系统CRM

  • 2021-12-29
  • Admin

基于javaweb+jsp的客户关系管理系统CRM

JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript

基础JSP+Servlet或JSP+SSM(Spring、SpringMVC、MyBatis)框架或JSP+SSM+Maven(pom.xml)框架…均可

开发工具：idea或eclipse或myeclipse

部分代码实现JSP


    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                
                <jsp:include page="menu.jsp">
                    <jsp:param value="active" name="Daiban_active"/>
                jsp:include>
            ul>
        div>
    div>

    <div class="layui-body">
        <div class="search_style" style="padding-top: 10px;padding-left: 15px;">
            <div class="searchTable">
                搜索：
                <div class="layui-inline">
                    <input class="layui-input" name="search_keyword" id="search_keyword" autocomplete="off" placeholder="主题">
                    <input type="hidden" class="layui-input" name="searchColumn" id="searchColumn" autocomplete="off" value="daiban_name">
                div>
                <button class="layui-btn" data-type="reload">搜索button>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
            title: '待办 列表',
            cols: [
                [
                        {
                            field: 'daibanName',
                            title: '主题',
                            templet: vo => (vo = vo.daibanName) ? '<a href="#" style="color: #009688;">' + vo + 'a>' : '',
                            event: 'info',
                        },
                        {
                            field: 'daibanClient',
                            title: '客户',
                        },
                        {
                            field: 'daibanText',
                            title: '内容',

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改待办 title>
    <script src="js/jquery.js">script>
    <link rel="stylesheet" href="js/layui/css/layui.css">
head>
<body style="padding: 20px">
<form class="layui-form" action="">
    <input type="hidden" name="id" class="layui-input" value="${vo.id}">
    
    <div class="layui-form-item">
        <label class="layui-form-label">主题：label>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
                });
                obj.update({});//同步更新缓存对应的值
            } else if (layEvent === 'info') { //详情
                layer.open({
                    type: 2,
                    area: ['800px', '650px'],
                    fixed: false, //不固定
                    maxmin: true,
                    content: 'daibanGet?id=' + data.id
                });
                obj.update({});//同步更新缓存对应的值
            } else if (layEvent === 'LAYTABLE_TIPS') {
                layer.alert('Hi，头部工具栏扩展的右侧图标。');
            }
        });
        //头工具栏事件
        table.on('toolbar(myTable)', function (obj) {
            if ('add' == obj.event) {
                layer.msg('添加');
                layer.open({

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
                            let flag = ${loginUser.userType == '管理员'};
                            return flag ? '<a class="layui-btn layui-btn-xs" lay-event="edit">编辑a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除a>' : '';
                        }
                    }
                ]
            ],
        });
        //监听工具条
        table.on('tool(myTable)', function (obj) { //注：tool 是工具条事件名，myTable 是 table 原始容器的属性 lay-filter="对应的值"
            let data = obj.data; //获得当前行数据
            let layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            if (layEvent === 'del') { //删除
                // layer.confirm('删除' + data.daibanName + "?", function (index) {

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">负责人：label>
        <div class="layui-input-block">
            <input type="text" name="daibanRen" lay-verify="required|daibanRen" class="layui-input" value="${vo.daibanRen}">
        div>
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">时间：label>
        <div class="layui-input-block">
            <input type="text" name="daibanShi" lay-verify="required|daibanShi" class="layui-input" value="${vo.daibanShi}">
        div>
    div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button type="submit" class="layui-btn" lay-submit="" lay-filter="submit-button">保存button>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <meta charset="UTF-8">

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
    <title>添加待办 title>
    <script src="js/jquery.js">script>
    <link rel="stylesheet" href="js/layui/css/layui.css">
head>
<body style="padding: 20px">
<form class="layui-form" action="">

    <div class="layui-form-item">
        <label class="layui-form-label">主题：label>
        <div class="layui-input-block">
            <input type="text" name="daibanName" lay-verify="required" class="layui-input">
        div>
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户：label>
        <div class="layui-input-block">
            <input type="text" name="daibanClient" lay-verify="required" class="layui-input">

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                });
            }
        };
        $('.searchTable .layui-btn').on('click', function () {
            let type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
script>
body>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
                    area: ['800px', '550px'],
                    fixed: false, //不固定
                    maxmin: true,
                    content: 'daiban_add.jsp'
                });
            } else {
                //layer.alert('这是工具栏右侧自定义的一个图标按钮');
            }
        });
        //搜索
        let $ = layui.$, active = {
            reload: function () {
                let url = 'daibanList?keyword=' + $('#search_keyword').val() + '&searchColumn=' + $('#searchColumn').val();
                //执行重载
                table.reload('myTable', {

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
            <input type="text" name="daibanName" lay-verify="required|daibanName" class="layui-input" value="${vo.daibanName}">
        div>
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">客户：label>
        <div class="layui-input-block">
            <input type="text" name="daibanClient" lay-verify="required|daibanClient" class="layui-input" value="${vo.daibanClient}">
        div>
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">内容：label>
        <div class="layui-input-block">
            <textarea type="text" name="daibanText" class="layui-input" style="height: 100px;padding-left: 10px;" placeholder="请输入内容......">${vo.daibanText}textarea>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">内容：label>
        <div class="layui-input-block">
            <textarea type="text" name="daibanText" class="layui-input" style="height: 100px;padding-left: 10px;" placeholder="请输入内容......">textarea>
        div>
    div>
    <div class="layui-form-item">
        <label class="layui-form-label">负责人：label>
        <div class="layui-input-block">
            <input type="text" name="daibanRen" lay-verify="required" class="layui-input">
        
			

	

		
免费ERP

	

		
61ebf17978942.jpg
 注册    登录 
用户名: demo; 密码: 123456

	



	

		
最新

	

			
	



	

		
最热

ERP

联系站长

QQ：769220720

Copyright © SibooSoft All right reserved 津ICP备19011444号