Java+Springboot+H-ui实现营销管理系统

营销管理系统

  • 一、系统介绍
    • 1.软件环境
    • 2.功能模块图
    • 3.系统功能
    • 4.数据库表
    • 5.工程截图
  • 二、系统展示
    • 1.系统登录
    • 2.系统主页
    • 3.新增用户
    • 4.查询用户
    • 5.更新用户
    • 6.新增客户
    • 7.查询客户
    • 8.更新客户
    • 9.新增联系人
    • 10.查询联系人
    • 11.更新联系人
    • 12.新增线索
    • 13.查询线索
    • 14.更新线索
    • 15.新增商机
    • 16.查询商机
    • 17.更新商机
  • 三、代码实现
    • BusinessController
    • ClueController
    • ContactController
    • CustomerController
    • FrontendController
    • UserController
    • business-add.js
    • business-list.js
    • business-update.js
    • business-add.html
    • business-list.html
    • business-update.html
  • 四、其他
    • 1.其他系统实现
        • JavaWeb系统系列实现
        • JavaSwing系统系列实现
    • 2.获取源码
    • 3.备注
    • 4.鸡汤

一、系统介绍

1.软件环境

IDEA:2018.2
Java:jdk1.8
Mysql:8.0.13
Tomcat:8.5.23

2.功能模块图

Java+Springboot+H-ui实现营销管理系统_第1张图片

3.系统功能

系统设计的目标是开发一个能够实现线上营销管理的系统,实现线索、商机信息记录等功能。系统主要包含五个功能模块:线索信息管理模块、客户信息管理模块、联系人信息管理模块、商机信息管理模块、员工信息管理模块。各模块具体功能如下:
1.线索信息管理模块
销售人员登录系统后,将自己找到的线索信息录入到系统中,或查看系统中已有线索,对某些线索进行信息更新。
2.客户信息管理模块
销售人员登录系统后,将已经与公司产生交易的客户信息录入到系统中,或将已经达成交易的线索转化为客户,对某些已有客户信息进行更新。
3.联系人信息管理模块
销售人员登录系统后,录入系统中已存在客户的联系人的信息,方便以后进行客户的回访和关系维护。
4.商机信息管理模块
当之前的线索成交并转化为客户后,销售人员需要将已成交信息作为商机录入到系统中,供公司日后查看和分析。
5.员工信息管理模块
管理员在系统中为公司新入职销售人员添加账号,并维护其部门信息等基本信息,同时将已离职员工账号禁用。为更换手机号员工重置登录账号,为忘记密码员工重置密码。

4.数据库表

1.客户表
Java+Springboot+H-ui实现营销管理系统_第2张图片

2.联系人表
Java+Springboot+H-ui实现营销管理系统_第3张图片

3.商机表
Java+Springboot+H-ui实现营销管理系统_第4张图片

4.线索表
Java+Springboot+H-ui实现营销管理系统_第5张图片

5.用户表
Java+Springboot+H-ui实现营销管理系统_第6张图片

5.工程截图

Java+Springboot+H-ui实现营销管理系统_第7张图片

二、系统展示

1.系统登录

Java+Springboot+H-ui实现营销管理系统_第8张图片

2.系统主页

Java+Springboot+H-ui实现营销管理系统_第9张图片

3.新增用户

Java+Springboot+H-ui实现营销管理系统_第10张图片

4.查询用户

Java+Springboot+H-ui实现营销管理系统_第11张图片

5.更新用户

Java+Springboot+H-ui实现营销管理系统_第12张图片

6.新增客户

Java+Springboot+H-ui实现营销管理系统_第13张图片

7.查询客户

Java+Springboot+H-ui实现营销管理系统_第14张图片

8.更新客户

Java+Springboot+H-ui实现营销管理系统_第15张图片

9.新增联系人

Java+Springboot+H-ui实现营销管理系统_第16张图片

10.查询联系人

Java+Springboot+H-ui实现营销管理系统_第17张图片

11.更新联系人

Java+Springboot+H-ui实现营销管理系统_第18张图片

12.新增线索

Java+Springboot+H-ui实现营销管理系统_第19张图片

13.查询线索

Java+Springboot+H-ui实现营销管理系统_第20张图片

14.更新线索

Java+Springboot+H-ui实现营销管理系统_第21张图片

15.新增商机

Java+Springboot+H-ui实现营销管理系统_第22张图片

16.查询商机

Java+Springboot+H-ui实现营销管理系统_第23张图片

17.更新商机

Java+Springboot+H-ui实现营销管理系统_第24张图片

三、代码实现

BusinessController

package com.example.cra.controller;

import com.example.cra.entity.Business;
import com.example.cra.entity.Contact;
import com.example.cra.service.BusinessService;
import com.example.cra.service.ContactService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

@RestController
@RequestMapping("/business")
public class BusinessController {
     

    @Autowired
    private BusinessService businessService;

    @RequestMapping(value = "/addbusiness" , method = RequestMethod.POST)
    public Map<String,Object> addBusiness(@RequestBody Business business) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = businessService.addBusiness(business);
        map.put("msg", result);
        return  map;
    }

    @RequestMapping(value = "/businessList" , method = RequestMethod.GET)
    public Map<String,Object> businessList() {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Business> business = businessService.businessList();
        map.put("business",business);
        return map;
    }
    @RequestMapping(value = "/delbusiness" , method = RequestMethod.GET)
    public Map<String,Object> delBusinesss(@RequestParam("business_id")  String business_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = businessService.delBusiness(Integer.parseInt(business_id));
        map.put("msg",result);
        return map;
    }

    @RequestMapping(value = "/querybusiness" , method = RequestMethod.POST)
    public Map<String,Object> queryBusinesss(@RequestParam("business_name") String business_name,
                                            @RequestParam("business_state") String business_state,
                                            @RequestParam("person") String person) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Business> business = businessService.queryBusiness(business_name,business_state,person);
        map.put("business",business);
        return map;
    }

    @RequestMapping(value = "/selectbusiness" , method = RequestMethod.POST)
    public Map<String,Object> selectBusiness(@RequestParam("business_id") String business_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        Business business = businessService.selectBusiness(Integer.parseInt(business_id));
        map.put("business",business);
        return map;
    }
    @RequestMapping(value = "/updatebusiness" , method = RequestMethod.POST)
    public Map<String,Object> updateBusiness(@RequestBody Business business) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        boolean result = businessService.updateBusiness(business);
        map.put("success",result);
        return map;
    }

}

ClueController

package com.example.cra.controller;

import com.example.cra.entity.Clue;
import com.example.cra.service.ClueService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

@RestController
@RequestMapping("/clue")
public class ClueController {
     

    @Autowired
    private ClueService clueService;

    @RequestMapping(value = "/addclue" , method = RequestMethod.POST)
    public Map<String,Object> addClue(@RequestBody Clue clue) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = clueService.addClue(clue);
        map.put("msg", result);
        return  map;
    }

    @RequestMapping(value = "/clueList" , method = RequestMethod.GET)
    public Map<String,Object> clueList() {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Clue> clue = clueService.clueList();
        map.put("clue",clue);
        return map;
    }
    @RequestMapping(value = "/delclue" , method = RequestMethod.GET)
    public Map<String,Object> delClues(@RequestParam("clue_id")  String clue_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = clueService.delClue(Integer.parseInt(clue_id));
        map.put("msg",result);
        return map;
    }

    @RequestMapping(value = "/queryclue" , method = RequestMethod.POST)
    public Map<String,Object> queryClues(@RequestParam("clue_name") String clue_name,
                                            @RequestParam("person") String person) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Clue> clue = clueService.queryClue(clue_name,person);
        map.put("clue",clue);
        return map;
    }

    @RequestMapping(value = "/selectclue" , method = RequestMethod.POST)
    public Map<String,Object> selectClue(@RequestParam("clue_id") String clue_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        Clue clue = clueService.selectClue(Integer.parseInt(clue_id));
        map.put("clue",clue);
        return map;
    }
    @RequestMapping(value = "/updateclue" , method = RequestMethod.POST)
    public Map<String,Object> updateClue(@RequestBody Clue clue) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        boolean result = clueService.updateClue(clue);
        map.put("success",result);
        return map;
    }

}

ContactController

package com.example.cra.controller;

import com.example.cra.entity.Contact;
import com.example.cra.service.ContactService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

@RestController
@RequestMapping("/contacts")
public class ContactController {
     

    @Autowired
    private ContactService contactService;

    @RequestMapping(value = "/addcontacts" , method = RequestMethod.POST)
    public Map<String,Object> addContact(@RequestBody Contact contact) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = contactService.addContact(contact);
        map.put("msg", result);
        return  map;
    }

    @RequestMapping(value = "/contactsList" , method = RequestMethod.GET)
    public Map<String,Object> contactList() {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Contact> contact = contactService.contactList();
        map.put("contact",contact);
        return map;
    }
    @RequestMapping(value = "/delcontacts" , method = RequestMethod.GET)
    public Map<String,Object> delContacts(@RequestParam("cont_id")  String contacts_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = contactService.delContact(Integer.parseInt(contacts_id));
        map.put("msg",result);
        return map;
    }

    @RequestMapping(value = "/querycontacts" , method = RequestMethod.POST)
    public Map<String,Object> queryContacts(@RequestParam("customer_name") String customer_name,
                                            @RequestParam("telephone") String telephone,
                                            @RequestParam("contacts_name") String contacts_name) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Contact> contact = contactService.queryContact(customer_name,telephone,contacts_name);
        map.put("contact",contact);
        return map;
    }

    @RequestMapping(value = "/selectcontacts" , method = RequestMethod.POST)
    public Map<String,Object> selectContact(@RequestParam("cont_id") String contacts_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        Contact contact = contactService.selectContact(Integer.parseInt(contacts_id));
        map.put("contact",contact);
        return map;
    }
    @RequestMapping(value = "/updatecontacts" , method = RequestMethod.POST)
    public Map<String,Object> updateContact(@RequestBody Contact contact) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        boolean result = contactService.updateContact(contact);
        map.put("success",result);
        return map;
    }
}

CustomerController

package com.example.cra.controller;

import com.example.cra.entity.Customer;
import com.example.cra.service.CustomerService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.HashMap;
import java.util.List;
import java.util.Map;


@RestController
@RequestMapping("/customers")
public class CustomerController {
     

    @Autowired
    private CustomerService customerService;


    @RequestMapping(value = "/listCustomers" , method = RequestMethod.GET)
    public Map<String,Object> listCustomers() {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Customer> customers = customerService.getAllCustomers();
        map.put("customers", customers);
        return  map;
    }


    @RequestMapping(value = "/querycustomers" , method = RequestMethod.POST)
    public Map<String,Object> queryCustomer(@RequestParam("customer_name") String customer_name,
                                             @RequestParam("person") String person,
                                             @RequestParam("customer_state") String customer_state) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<Customer> customer = customerService.queryCustomer(customer_name,person,customer_state);
        map.put("customer", customer);
        return  map;
    }

    @RequestMapping(value = "/addcustomer" , method = RequestMethod.POST)
    public Map<String,Object> addCustomer(@RequestBody Customer customer) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = customerService.insertCustomer(customer);
        map.put("msg", result);
        return  map;
    }


    @RequestMapping(value = "/updatecustomer" , method = RequestMethod.POST)
    public Map<String,Object> updateCustomer(@RequestBody Customer customer) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = customerService.updateCustomer(customer);
        map.put("msg", result);
        return  map;
    }


    @RequestMapping(value = "/deletecustomer" , method = RequestMethod.POST)
    public Map<String,Object> deleteCustomer(@RequestParam("customer_id") Integer customer_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = customerService.deleteCustomer(customer_id);
        map.put("msg", result);
        return  map;
    }

    @RequestMapping(value = "/getcustomer" , method = RequestMethod.POST)
    public Map<String,Object> getCustomer(@RequestParam("customer_id") Integer customer_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        Customer customer = customerService.getCustomer(customer_id);
        map.put("customer", customer);
        return  map;
    }
}

FrontendController

package com.example.cra.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
@RequestMapping("/front")
public class FrontendController {
     

    @RequestMapping(value = "/index", method = RequestMethod.GET)
    public String login() {
     
        return "index";
    }

    @RequestMapping(value = "/home", method = RequestMethod.GET)
    public String index() {
     
        return "home";
    }

    @RequestMapping(value = "/user-add", method = RequestMethod.GET)
    public String userAdd() {
     
        return "user-add";
    }

    @RequestMapping(value = "/user-list", method = RequestMethod.GET)
    public String userList() {
     
        return "user-list";
    }

    @RequestMapping(value = "/user-update", method = RequestMethod.GET)
    public String userUpdate() {
     
        return "user-update";
    }

    @RequestMapping(value = "/contact-add", method = RequestMethod.GET)
    public String contactAdd() {
     
        return "contact-add";
    }

    @RequestMapping(value = "/contact-list", method = RequestMethod.GET)
    public String contactList() {
     
        return "contact-list";
    }

    @RequestMapping(value = "/contact-update", method = RequestMethod.GET)
    public String contactUpdate() {
     
        return "contact-update";
    }

    @RequestMapping(value = "/customer-add", method = RequestMethod.GET)
    public String customerAdd() {
     
        return "customer-add";
    }

    @RequestMapping(value = "/customer-list", method = RequestMethod.GET)
    public String customerList() {
     
        return "customer-list";
    }

    @RequestMapping(value = "/customer-update", method = RequestMethod.GET)
    public String customerUpdate() {
     
        return "customer-update";
    }

    @RequestMapping(value = "/clue-add", method = RequestMethod.GET)
    public String bookinfoAdd() {
     
        return "clue-add";
    }

    @RequestMapping(value = "/clue-list", method = RequestMethod.GET)
    public String bookinfoList() {
     
        return "clue-list";
    }

    @RequestMapping(value = "/clue-update", method = RequestMethod.GET)
    public String bookinfoUpdate() {
     
        return "clue-update";
    }



    @RequestMapping(value = "/business-add", method = RequestMethod.GET)
    public String logAdd() {
     
        return "business-add";
    }

    @RequestMapping(value = "/business-list", method = RequestMethod.GET)
    public String logList() {
     
        return "business-list";
    }

    @RequestMapping(value = "/business-update", method = RequestMethod.GET)
    public String logUpdate() {
     
        return "business-update";
    }



}

UserController

package com.example.cra.controller;

import com.example.cra.entity.User;
import com.example.cra.service.UserService;
import com.example.cra.util.SelectUsers;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import javax.servlet.http.HttpServletRequest;
import java.text.ParseException;
import java.util.*;

@RestController
@RequestMapping("/users")
public class UserController {
     

    @Autowired
    private UserService usersService;

    //登录
    @RequestMapping(value = "/login", method = RequestMethod.POST)
    public Map<String, Object> login(@RequestParam("username") String username,
                                     @RequestParam("password") String password, HttpServletRequest request) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        User result = usersService.login(username, password);
        if (result != null) {
     
            request.getSession().setAttribute("username", username);
            map.put("success", true);
            map.put("msg", "登陆成功!");
        } else {
     
            map.put("success", false);
            map.put("msg", "登陆失败!");
        }
        return map;
    }

    //系统管理员创建用户信息,默认角色为销售
    @RequestMapping(value = "/addUsers", method = RequestMethod.POST)
    public Map<String, Object> addUsers(@RequestBody User user) throws ParseException {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = usersService.createUsers(user);
        map.put("msg", result);
        return map;
    }

    @RequestMapping(value = "/selectUsers", method = RequestMethod.POST)
    public Map<String, Object> selectUsers(@RequestParam("select_username") String username,
                                           @RequestParam("select_sex") String sex,
                                           @RequestParam("select_role") String role,
                                           @RequestParam("select_status") String select_status) throws ParseException {
     
        Map<String, Object> map = new HashMap<String, Object>();
        SelectUsers selectUsers = new SelectUsers();
        selectUsers.setUsername(username);
        selectUsers.setSex(sex);
        selectUsers.setSelect_role(role);
        selectUsers.setSelect_status(select_status);
        List<User> users = usersService.selectUsers(selectUsers);
        map.put("users", users);
        return map;
    }

    //修改用户角色
    @RequestMapping(value = "/editUsers", method = RequestMethod.POST)
    public Map<String, Object> editUsers(@RequestBody User user) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = usersService.updateUser(user);
        map.put("msg", result);
        return map;
    }

    //系统管理员对系统所有用户进行删除
    @RequestMapping(value = "/delUsers", method = RequestMethod.GET)
    public Map<String, Object> delUsers(@RequestParam("user_id") String user_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = usersService.delUsers(user_id);
        map.put("msg", result);
        return map;
    }

    //系统管理员对系统所有用户进行查看
    @RequestMapping(value = "/listUsers", method = RequestMethod.GET)
    public Map<String, Object> listUsers() {
     
        Map<String, Object> map = new HashMap<String, Object>();
        List<User> users = new ArrayList<User>();
        users = usersService.listUsers();
        map.put("users", users);
        return map;
    }

    //获取session
    @RequestMapping(value = "/session", method = RequestMethod.POST)
    public Map<String, Object> session(HttpServletRequest request) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("session", request.getSession().getAttribute("username"));
        return map;
    }

    //通过用户名获取用户id
    @RequestMapping(value = "/getUserId", method = RequestMethod.GET)
    public Map<String, Integer> getUserId(@RequestParam("username") String username) {
     
        Map<String, Integer> map = new HashMap<String, Integer>();
        Integer user_id = usersService.findUserIdByUserName(username);
        map.put("user_id", user_id);
        System.out.println(user_id);
        return map;
    }

    //检测用户名
    @RequestMapping(value = "/checkname", method = RequestMethod.POST)
    public Map<String, Object> checkname(@RequestParam("username") String username) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = usersService.checkname(username);
        map.put("msg", result);
        return map;
    }

    @RequestMapping(value = "/selectuser", method = RequestMethod.POST)
    public Map<String, Object> selectuser(@RequestParam("userid") String user_id) {
     
        Map<String, Object> map = new HashMap<String, Object>();
        User result = usersService.queryuser(Integer.parseInt(user_id));
        map.put("users", result);
        return map;
    }


    @RequestMapping(value = "/updateuser", method = RequestMethod.POST)
    public Map<String, Object> updateUser(@RequestBody User user) throws ParseException {
     
        Map<String, Object> map = new HashMap<String, Object>();
        String result = usersService.updateUser(user);
        map.put("success",result);
        return map;
    }
}

business-add.js

$(function () {
     

    //刷新页面
    $('#reload_btn').click(function(){
     
        $('#business_name').val('');
        $("#customer_name").val('');
        $('#contacts').val('');
        $('#amount').val('');
        $('#date').val('');
        $('#business_state').val('');
        $('#create_time').val('');
        $('#person').val('');
        $('#remark').val('');
        window.location.reload();
    });

    // 新增用户
    $('#submit_btn').click(function () {
     
        var business_name = $('#business_name').val();
        var customer_name = $("#customer_name").val();
        var contacts = $('#contacts').val();
        var amount = $('#amount').val();
        var date = $('#date').val();
        var business_state = $('#business_state').val();
        var create_time = $('#create_time').val();
        var person = $('#person').val();
        var remark = $('#remark').val();


        var param = {
     
            "business_name": business_name,
            "customer_name": customer_name,
            "contacts":contacts,
            "amount":amount,
            "date":date,
            "business_state":business_state,
            "create_time":create_time,
            "person": person,
            "remark": remark
        };

        $.ajax({
     
            url: "/business/addbusiness",
            async: false,
            cache: false,
            type: "post",
            dataType: 'json',
            // 格式化发送的数据
            contentType: 'application/json',
            data: JSON.stringify(param),
            success: function (data) {
     
                alert(data.msg);
                window.location.reload();
            }
        });
    })
});

business-list.js

$(function () {
     
    getBusinessList();

    // 获取所有商机信息
    function getBusinessList(e) {
     
        $.ajax({
     
            url: "/business/businessList",
            type: "get",
            dataType: "json",
            success: function (data) {
     
                businessList(data.business);
            }
        });
    }

    // 查询商机信息
    $("#queryBusiness").click(function () {
     
        var business_name = $("#query_business_name").val();
        var business_state = $("#query_business_state").val();
        var person = $("#query_bussiness_person").val();

        $.ajax({
     
            url: "/business/querybusiness",
            async: false,
            cache: false,
            type: "post",
            dataType: 'json',
            data: {
     
                "business_name": business_name,
                "business_state": business_state,
                "person": person
            },
            success: function (data) {
     
                businessList(data.business);
            }
        });
    });

    // 展示商机信息
    function businessList(data) {
     
        var html = '';
        if(data.length > 0){
     
            data.map(function (item) {
     
                html += ''
                    + '' + item.business_id + ''
                    + '' + item.business_name + ''
                    + '' + item.customer_name + ''
                    + '' + item.contacts + ''
                    + '' + item.amount + ''
                    + '' + item.date.substring(0, 10) + ''
                    + '' + item.business_state + ''
                    + '' + item.create_time.substring(0, 10) + ''
                    + '' + item.person + ''
                    + '' + item.remark + ''
                    + ''
                    + '+ item.business_id + '" id="edit">修改  '
                    + '+ item.business_id + '" id="del">删除'
                    + ''
            })
        }
        $('#business_list').html(html);
    }

    // 监听修改商机信息
    $('body').on('click', '#edit', function (e) {
     
        var business_id = e.target.dataset.id;
        window.location.href = "/front/business-update?business_id=" + business_id;
    })


    // 监听删除商机信息
    $('body').on('click', '#del', function (e) {
     
        var del_business_id = e.target.dataset.id;
        $.ajax({
     
            url: "/business/delbusiness",
            async: false,
            cache: false,
            type: "get",
            dataType: 'json',
            data: {
     
                "business_id": del_business_id
            },
            success: function (data) {
     
                alert(data.msg);
                window.location.href = "/front/business-list";
            }
        });
    })
});

business-update.js

$(function () {
     
    var businessId = getQueryString("business_id");

    // 获取url后面参数
    function getQueryString(name) {
     
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
     
            return decodeURIComponent(r[2]);
        }
        return '';
    }

    getBusinessList();

    function getBusinessList() {
     
        $.ajax({
     
            url: "/business/selectbusiness",
            type: "post",
            data: {
     'business_id': businessId},
            dataType: "json",
            success: function (data) {
     
                var obj = data.business;
                $('#business_id').val(obj.business_id);
                $('#business_name').val(obj.business_name);
                $("#customer_name").val(obj.customer_name);
                $('#contacts').val(obj.contacts);
                $('#amount').val(obj.amount);
                $('#date').val(obj.date);
                $('#business_state').val(obj.business_state);
                $('#create_time').val(obj.create_time);
                $('#person').val(obj.person);
                $('#remark').val(obj.remark);
            }
        });
    }

    //返回
    $('#back_btn').click(function () {
     
        window.location.href = "/front/business-list";
    });

    // 新增用户
    $('#submit_btn').click(function () {
     
        var business_id = $('#business_id').val();
        var business_name = $('#business_name').val();
        var customer_name = $("#customer_name").val();
        var contacts = $('#contacts').val();
        var amount = $('#amount').val();
        var date = $('#date').val();
        var business_state = $('#business_state').val();
        var create_time = $('#create_time').val();
        var person = $('#person').val();
        var remark = $('#remark').val();

        var param = {
     
            "business_id" : business_id,
            "business_name": business_name,
            "customer_name": customer_name,
            "contacts":contacts,
            "amount":amount,
            "date":date,
            "business_state":business_state,
            "create_time":create_time,
            "person": person,
            "remark": remark
        };

        $.ajax({
     
            url: "/business/updatebusiness",
            async: false,
            cache: false,
            type: "post",
            dataType: 'json',
            // 格式化发送的数据
            contentType: 'application/json',
            data: JSON.stringify(param),
            success: function (data) {
     
                if(data.success){
     
                    alert("修改成功!");
                    window.location.href = "/front/business-list";
                }else {
     
                    alert("修改失败!");
                }
            }
        });
    })
});

business-add.html

DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  
  <link type="text/css" rel="stylesheet" href="/static/h-ui/css/H-ui.css"/>
  <link type="text/css" rel="stylesheet" href="/static/h-ui.admin/css/H-ui.admin.css"/>
  
  
    <title>新增商机title>
head>
<body>
<div class="pd-20">
  <div class="Huiform">
    <table class="table table-bg">
      <tbody>
      <tr>
        <th  width="100" class="text-r">商机名称:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="business_name">td>
      tr>
      <tr>
        <th class="text-r">客户名称:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="customer_name">td>
      tr>
      <tr>
        <th class="text-r">联系人:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="contacts">td>
      tr>
      <tr>
        <th class="text-r">预计成交金额:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="amount" >td>
      tr>
      <tr>
        <th class="text-r">预计成交日期:th>
        <td><input type="text" style="width:200px" class="input-text Wdate" value="" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',lang:'zh-cn'})"  id="date"/>td>
      tr>
      <tr>
        <th class="text-r">商机状态:th>
        <td>
          <select style="width:200px" class="input-text" placeholder="" id="business_state" >
            <option value="" selected>==请选择==option>
            <option value="潜在客户">潜在客户option>
            <option value="正式客户">正式客户option>
            <option value="放弃客户">放弃客户option>
            <option value="签约客户">签约客户option>
          select>
        td>
      tr>
      <tr>
        <th class="text-r">创建时间:th>
        <td><input type="text" style="width:200px" class="input-text Wdate" value="" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',lang:'zh-cn'})"  id="create_time"/>td>
      tr>
      <tr>
        <th class="text-r">负责人:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="person" >td>
      tr>
      <tr>
        <th class="text-r">备注:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="remark" >td>
      tr>
      <tr>
        <th>th>
        <td><button class="btn btn-success radius" type="button" id="submit_btn"><i class="icon-ok">i> 提交button>
          <button class="btn btn-success radius" type="reset" id="reload_btn"><i class="icon-ok">i> 重置button>
        td>
      tr>
      tbody>
    table>
  div>
div>
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js">script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js">script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js">script>
<script type="text/javascript" src="/lib/My97DatePicker/4.8/WdatePicker.js" language="JavaScript">script>
<script type="text/javascript" src="/js/business-add.js">script>
body>
html>

business-list.html

DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    
    <link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css"/>
    
    <title>用户管理title>
head>
<body>
<div class="pd-20">
    <div class="text-c">
        商机名称:<input type="text" class="input-text" style="width:200px" placeholder="支持模糊查询" id="query_business_name">
        商机状态:<select id="query_business_state">
                    <option value="" selected>==请选择==option>
                    <option value="潜在客户">潜在客户option>
                    <option value="正式客户">正式客户option>
                    <option value="放弃客户">放弃客户option>
                    <option value="签约客户">签约客户option>
                select>
        负责人:<input type="text" class="input-text" style="width:200px" placeholder="支持模糊查询" id="query_bussiness_person">
        <button type="submit" class="btn btn-success" id="queryBusiness"> 查询button>
    div>
    <table class="table table-border table-bordered table-hover table-bg table-sort">
        <thead>
        <tr class="text-c">
            <th width="50">编号th>
            <th width="50">商机名称th>
            <th width="50">客户名称th>
            <th width="50">联系人th>
            <th width="50">预计成交金额th>
            <th width="50">预计成交日期th>
            <th width="50">商机状态th>
            <th width="50">创建时间th>
            <th width="50">负责人th>
            <th width="50">备注th>
            <th width="50">操作th>
        tr>
        thead>
        <tbody id="business_list">
        tbody>
    table>
div>

<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js">script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js">script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js">script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js">script>



<script type="text/javascript" src="/lib/My97DatePicker/4.8/WdatePicker.js">script>
<script type="text/javascript" src="/lib/datatables/1.10.0/jquery.dataTables.min.js">script>
<script type="text/javascript" src="/lib/laypage/1.2/laypage.js">script>
<script type="text/javascript" src="/js/business-list.js">script>
body>
html>

business-update.html

DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  
  <link type="text/css" rel="stylesheet" href="/static/h-ui/css/H-ui.css"/>
  <link type="text/css" rel="stylesheet" href="/static/h-ui.admin/css/H-ui.admin.css"/>
  
  
  <title>修改商机title>
head>
<body>
<div class="pd-20">
  <div class="Huiform">
    <table class="table table-bg">
      <tbody>
      <input type="hidden" style="width:200px" class="input-text" value="" placeholder="" id="business_id">
      <tr>
        <th  width="100"  class="text-r">商机名称:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="business_name">td>
      tr>
      <tr>
        <th class="text-r">客户名称:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="customer_name">td>
      tr>
      <tr>
        <th class="text-r">联系人:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="contacts">td>
      tr>
      <tr>
        <th class="text-r">预计成交金额:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="amount" >td>
      tr>
      <tr>
        <th class="text-r">预计成交日期:th>
        <td><input type="text" style="width:200px" class="input-text Wdate" value="" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',lang:'zh-cn'})"  id="date"/>td>
      tr>
      <tr>
        <th class="text-r">商机状态:th>
        <td>
          <select style="width:200px" class="input-text" placeholder="" id="business_state" >
            <option value="" selected>==请选择==option>
            <option value="潜在客户">潜在客户option>
            <option value="正式客户">正式客户option>
            <option value="放弃客户">放弃客户option>
            <option value="签约客户">签约客户option>
          select>
        td>
      tr>
      <tr>
        <th class="text-r">创建时间:th>
        <td><input type="text" style="width:200px" class="input-text Wdate" value="" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',lang:'zh-cn'})"  id="create_time"/>td>
      tr>
      <tr>
        <th class="text-r">负责人:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="person" >td>
      tr>
      <tr>
        <th class="text-r">备注:th>
        <td><input type="text" style="width:200px" class="input-text" value="" placeholder="" id="remark" >td>
      tr>
      <tr>
        <th>th>
        <td><button class="btn btn-success radius" type="button" id="submit_btn"><i class="icon-ok">i> 提交button>
          <button class="btn btn-success radius" type="reset" id="back_btn"><i class="icon-ok">i> 返回button>
        td>
      tr>
      tbody>
    table>
  div>
div>
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js">script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js">script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js">script>
<script type="text/javascript" src="/lib/My97DatePicker/4.8/WdatePicker.js" language="JavaScript">script>
<script type="text/javascript" src="/js/business-update.js">script>
body>
html>

四、其他

1.其他系统实现

JavaWeb系统系列实现

Java+JSP实现图书管理系统
Java+JSP实现学生信息管理系统
Java+Servlet+JSP实现学生成绩管理系统
Java+Servlet+JSP实现宠物诊所管理系统
Java+SSM+Easyui实现网上考试系统

JavaSwing系统系列实现

Java+Swing实现医院管理系统
Java+Swing实现仓库管理系统
Java+Swing实现学生信息管理系统
Java+Swing实现学生宿舍管理系统
Java+Swing实现学生选课管理系统
Java+Swing实现电子相册管理系统
Java+Swing实现图书管理系统
Java+Swing实现斗地主游戏
Java+Swing实现宠物商店管理系统-TXT存储信息
Java+Swing实现学生成绩管理系统
Java+Swing实现企业人事管理系统
Java+Swing实现学校教材管理系统
Java+Swing实现学校教务管理系统
Java+Swing实现超市管理系统-TXT存储信息
Java+Swing实现考试管理系统

2.获取源码

请联系QQ:3079118617

3.备注

如有侵权请联系我删除。

4.鸡汤

在无尽的道路上一直走,终将有所得!

你可能感兴趣的:(Web,java,spring,boot,mybatis,mysql,html)