B075-项目实战--寻主消息发布 查看 处理 地图

XIAOMING8202023-07-26 11:43

目录

业务介绍

业务概述

用户发布寻主消息到平台，平台收到消息后匹配最近门店去上门收购，然后可以上架发布售卖，

发布消息，展示消息，处理消息

发布，收购，上架，领养

百度地图技术：地址关键字自动匹配补全，

需求分析与流程设计中一般不同的名词对应着不同的表，要了解表的字段和能完成的功能

1 用户发布寻主消息

2 平台接收消息

3 找到最近门店，发送短信消息给门店管理员，并且把这个寻主消息划归他门下

4 收取宠物，如果要钱的，还要创建订单并完成支付

名词

寻主消息，宠物类型，宠物，宠物详情，寻主订单（服务订单，商品订单，充值订单等）

表设计

寻主消息表

sql 复制代码 
CREATE TABLE `t_search_master_msg` (
  `id` bigint(10) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL COMMENT '宠物名称',
  `age` int(10) DEFAULT NULL,
  `gender` tinyint(1) DEFAULT NULL,
  `coat_color` varchar(255) DEFAULT NULL COMMENT '毛色',
  `resources` varchar(255) DEFAULT NULL,
  `pet_type` bigint(255) DEFAULT NULL COMMENT '类型',
  `price` double(10,3) DEFAULT NULL,
  `address` varchar(255) DEFAULT '',
  `state` int(11) DEFAULT '0' COMMENT '待处理 0 已处理1',
  `title` varchar(255) DEFAULT NULL,
  `user_id` bigint(255) DEFAULT NULL,
  `shop_id` bigint(20) DEFAULT NULL COMMENT '店铺id 消息分配的店铺',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=315 DEFAULT CHARSET=utf8;

宠物类型表

sql 复制代码 
CREATE TABLE `t_pet_type` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL,
  `description` text,
  `pid` bigint(20) DEFAULT NULL COMMENT '父类型id',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;

宠物表，search_master_msg_id要允许为null

sql 复制代码 
CREATE TABLE `t_pet` (
  `id` bigint(2) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL,
  `saleprice` decimal(19,2) DEFAULT NULL,
  `costprice` varchar(255) DEFAULT NULL,
  `resources` varchar(255) DEFAULT NULL,
  `state` bigint(2) DEFAULT NULL COMMENT '状态：0下架 1上架',
  `type_id` bigint(20) DEFAULT NULL COMMENT '类型id',
  `offsaletime` datetime DEFAULT NULL,
  `onsaletime` datetime DEFAULT NULL,
  `createtime` datetime DEFAULT NULL,
  `shop_id` bigint(20) DEFAULT NULL COMMENT '店铺Id 如果被领养店铺id为null',
  `user_id` bigint(20) DEFAULT NULL COMMENT '如果被领养为领养用户id',
  `search_master_msg_id` bigint(20) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=66 DEFAULT CHARSET=utf8;

宠物详情表

sql 复制代码 
CREATE TABLE `t_pet_detail` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `pet_id` bigint(20) DEFAULT NULL,
  `adoptNotice` text COMMENT '领养须知',
  `intro` text COMMENT '简介',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=66 DEFAULT CHARSET=utf8;

宠物模块搭建

java，xml，yml

发布寻主消息

前台

拷贝publish页面到ph-web根目录，从我的福利开新窗体跳转

html 复制代码 
<div class="nav-extra" @click="goPublish">
	<i class="am-icon-user-secret am-icon-md nav-user" @></i><b></b>发布寻主消息
	<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
</div>
js 复制代码 
        methods:{
            goPublish(){//跳转到发布寻主消息页面
                window.open("publish.html");
            }
        },

publish.html修改引入路径，删除最后一个无关的div

后端

百度地图技术
概述：

百度地图开发平台：http://lbsyun.baidu.com/

控制台 - 应用管理 - 我的应用 - 创建应用 应用名称:pethome 应用类型:浏览器端 Referer白名单:*(即所有域名皆可访问)

逆地址解析示例：开发文档 - JavaScript API - 示例DEMO - 路线规划 - 步行规划 - 根据起终点名称规划步行线路

检索服务 - 输入提示示例 - 关键字提示输入 - 输入地址可匹配相关地址

应用：

拷贝百度关键字提示输入代码到ph-web根目录mapTest.html，换上自己的秘钥

1.publish引入百度地图，

html 复制代码 
<!--引入百度地图-->
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=h7cuNiHW3f2Sz1OsCEbzCDfkUEmwLHNA"></script>

2.拷贝整个百度地图js到publish，(取消初始定位)

见工程

0.绑定表单id(已对齐)，

html 复制代码 
<!--private String address;-->
<div class="am-form-group">
	<label for="suggestId" class="am-form-label">地址</label>
	<div class="am-form-content">
		<input type="text" id="suggestId" v-model="searchMasterMsg.address" placeholder="请输入地址">
	</div>
</div>
js 复制代码 
    var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
        {"input" : "suggestId"
            ,"location" : map
        });

4.将返回的结果集赋值给address，

js 复制代码 
    var myValue;
    ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件
        var _value = e.item.value;
        myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
        G("searchResultPanel").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;
        vue.searchMasterMsg.address = myValue;
        setPlace();
    });
拷贝DistanceUtil和point

Point

java 复制代码 
/**
 * 存放经纬度
 */
@Data
public class Point {
    //经度
    private Double lng;
    //维度
    private Double lat;
}

DistanceUtil

java 复制代码 
package cn.ming;

import cn.ming.org.domain.Shop;

import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.List;

/**
 * 位置相关工具类
 */
public class DistanceUtil {
    public static  Point getPoint(String address){
        String Application_ID="h7cuNiHW3f2Sz1OsCEbzCDfkUEmwLHNA";//配置上自己的百度地图应用的AK
        try{
            String sCurrentLine; String sTotalString;sCurrentLine ="";
            sTotalString = "";
            InputStream l_urlStream;
//          URL l_url = new java.net.URL("http://api.map.baidu.com/geocoder/v2/?address="+address.replaceAll(" ","")+"&output=json&ak="+Application_ID+"&callback=showLocation");
            URL l_url = new URL("http://api.map.baidu.com/geocoding/v3/?address="+address+"&output=json&ak="+Application_ID+"&callback=showLocation");
            HttpURLConnection l_connection = (HttpURLConnection) l_url.openConnection();
            l_connection.connect();
            l_urlStream = l_connection.getInputStream();
            java.io.BufferedReader l_reader = new java.io.BufferedReader(new InputStreamReader(l_urlStream));
            String str=l_reader.readLine();
            System.out.println(str);
            //用经度分割返回的网页代码  
            String s=","+"\""+"lat"+"\""+":";
            String strs[]=str.split(s,2);
            String s1="\""+"lng"+"\""+":";
            String a[]=strs[0].split(s1, 2);
            s1="}"+","+"\"";
            String a1[]=strs[1].split(s1,2);

            Point point=new Point();
            point.setLng(Double.valueOf(a[1]));
            point.setLat(Double.valueOf(a1[0]));
            return point;
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    //地球半径,进行经纬度运算需要用到的数据之一
    private static final double EARTH_RADIUS = 6378137;
    //根据坐标点获取弧度
    private static double rad(double d)
    {
        return d * Math.PI / 180.0;
    }

    /**
     * 根据两点间经纬度坐标（double值），计算两点间距离，单位为米
     * @param point1 A点坐标
     * @param point2 B点坐标
     * @return
     */
    public static double getDistance(Point point1,Point point2)
    {
        double radLat1 = rad(point1.getLat());
        double radLat2 = rad(point2.getLat());
        double a = radLat1 - radLat2;
        double b = rad(point1.getLng()) - rad(point2.getLng());
        double s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
                Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
        s = s * EARTH_RADIUS;
        s = Math.round(s * 10000) / 10000;
        return s;
    }

    /**
     * 根据两点间经纬度坐标（double值），计算两点间距离，单位为米
     * @param point 用户指定的地址坐标
     * @param shops 商店
     * @return
     */
    public static Shop getNearestShop (Point point, List<Shop> shops) {

        //如果传过来的集合只有一家店铺,那么直接将这家店铺的信息返回就是最近的店铺了
        Shop shop=shops.get(0);
        //获取集合中第一家店铺到指定地点的距离
        double distance=getDistance(point,getPoint(shops.get(0).getAddress()));
        //如果有多家店铺,那么就和第一家店铺到指定地点的距离做比较
        if (shops.size()>1){
            for (int i=1;i<shops.size();i++){
                if (getDistance(point,getPoint(shops.get(i).getAddress()))<distance){
                    shop=shops.get(i);
                }
            }
        }
        return shop;
    }

    public static void main(String[] args) {
        System.out.println(getPoint("成都市武侯区天府新谷-10号楼"));
    }
}
SearchMasterMsgController
java 复制代码 
    /**
     * 发布寻主消息
     */
    @PostMapping("/publish")
    public AjaxResult publish(@RequestBody SearchMasterMsg searchMasterMsg, HttpServletRequest request){
        try {
            Logininfo loginInfo = LoginContext.getLoginIn(request);
            seachMasterMsgService.publish(searchMasterMsg, loginInfo.getId());
            return AjaxResult.me();
        } catch (Exception e) {
            e.printStackTrace();
            return AjaxResult.me().setMessage("发布失败!"+e.getMessage());
        }
    }
SearchMasterMsgServiceImpl
java 复制代码 
    @Override
    @Transactional
    public void publish(SearchMasterMsg searchMasterMsg, Long loginInfoId) {
        //1.找到最近的门店  绑定门店到寻主消息
        // 1.1用地址计算发布寻主消息人员的经纬度
        Point point = DistanceUtil.getPoint(searchMasterMsg.getAddress());
        //1.2 根据点计算出最近的门店
        Shop nearestShop = DistanceUtil.getNearestShop(point, shopMapper.loadAll());
        searchMasterMsg.setShop(nearestShop);
        searchMasterMsg.setShop_id(nearestShop.getId());
        //2.绑定谁发的消息（user）
        User user = userMapper.loadByloginInfoId(loginInfoId);
        searchMasterMsg.setUser(user);
        searchMasterMsg.setUser_id(user.getId());
        //3.存储寻主消息
        searchMasterMsgMapper.save(searchMasterMsg);
        // 4.  发送消息通知店铺管理员
        //SmsUtils.sendSms(nearestShop.getTel(), "老板，你有【"+searchMasterMsg.getName()+"】，快去接客！");
        System.out.println("老板，你有【"+searchMasterMsg.getName()+"】消息，快去接客！");
    }

消息查看

思路

简单做：用户可查，平台管理员可查，店铺人员可查(店铺管理员 店铺员工都可以)，分作3个接口

待处理消息和已处理消息两个页面

待处理消息：平台管理员可看全部，被分配的店铺人员可看自己的

后台查看：

employee的shopid属于某店铺，则这些employee都可查自己店铺的所有消息 - 给后台用

message里没有user也没有shop，没有分配的平台管理员都可以看 - 给后台用

用户只能查看自己订单 user_id - 给前台用

平台+用户+已处理

待处理消息接口(平台人员看全部+店铺人员看自己)，

已处理消息接口(平台人员看全部+店铺人员看自己)，

用户看自己消息的接口(自己的待处理消息+已处理消息)

后端

SearchMasterMsgController
java 复制代码 
    /**
     * 待处理消息查询接口，平台管理员 + 店铺员工（店铺管理员 + 员工）
     * 待处理消息查询接口，平台管理员和店铺人员都可以进来查，根据是否存在shopid分别查到各自可以看的数据
     */
    @PostMapping("/pending")
    public PageList<SearchMasterMsg> pending(@RequestBody SearchMasterMsgQuery query, HttpServletRequest request){
        try {
            Logininfo loginInfo = LoginContext.getLoginIn(request);
            return seachMasterMsgService.pending(query, loginInfo.getId());
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 已处理消息查询接口，平台管理 + 店铺员工（店铺管理员 + 员工）
     * 已处理消息查询接口，同上，只是类型参数不一样
     */
    @PostMapping("/processed")
    public PageList<SearchMasterMsg> processed(@RequestBody SearchMasterMsgQuery query, HttpServletRequest request){
        try {
            Logininfo loginInfo = LoginContext.getLoginIn(request);
            return seachMasterMsgService.processed(query, loginInfo.getId());
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 前端用户查询自己消息的接口
     * 前端用户查询自己消息的接口，已处理待处理都能查
     */
    @PostMapping("/user")
    public PageList<SearchMasterMsg> queryUser(@RequestBody SearchMasterMsgQuery query, HttpServletRequest request){
        try {
            Logininfo loginInfo = LoginContext.getLoginIn(request);
            return seachMasterMsgService.queryUser(query, loginInfo.getId());
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }
SearchMasterMsgServiceImpl
java 复制代码 
    //待处理消息查询接口，平台管理员和店铺人员都可以进来查，根据是否存在shopid分别查到各自可以看的数据
    @Override
    public PageList<SearchMasterMsg> pending(SearchMasterMsgQuery query, Long loginInfoId) {
        query.setState(0);              //SearchMasterMsgQuery  state  0待处理  1已处理
        //1.通过loginInfoID查询出Employee
        Employee employee = employeeMapper.loadByLoginInfoId(loginInfoId);
        //2.如果employee中的shopID不为null,就是店铺工作人员。否则就是平台员工
        if(employee.getShop_id() != null){
            query.setShopId(employee.getShop_id());//把员工的shopid放到分页查询条件里 SearchMasterMsgQuery shopId
        }
        return super.queryPage(query);  //SearchMasterMsgQuery 返回查询结果
    }

    //已处理消息查询接口，同上，只是类型参数不一样
    @Override
    public PageList<SearchMasterMsg> processed(SearchMasterMsgQuery query, Long loginInfoId) {
        query.setState(1);
        //1.通过loginInfoID查询出Employee
        Employee employee = employeeMapper.loadByLoginInfoId(loginInfoId);
        //2.如果employee中的shopID不为null,就是店铺。否则就是平台员工
        if(employee.getShop_id() != null){
            query.setShopId(employee.getShop_id());     //因为shopId如果有值，就是查询门店的数据
        }
        return super.queryPage(query);
    }

    //前端用户查询自己消息的接口，已处理待处理都能查
    @Override
    public PageList<SearchMasterMsg> queryUser(SearchMasterMsgQuery query, Long loginInfoId) {
        User user = userMapper.loadByloingInfoId(loginInfoId);
        query.setUserId(user.getId());      //因为UserId如果有值，查询用户
        return super.queryPage(query);
    }
SearchMasterMsgMapper
xml 复制代码 
    <sql id="whereSql">
        <where>
            <if test="state!=null">
               and a.state = #{state}
            </if>
            <if test="userId!=null">
               and a.user_id = #{userId}
            </if>
            <if test="shopId!=null">
              and  a.shop_id = #{shopId}
            </if>
        </where>
    </sql>
    <!--//查询总条数-->
    <!--Long queryCount(BaseQuery query);-->
    <select id="queryCount" parameterType="SearchMasterMsgQuery" resultType="integer">
        select count(*) from t_search_master_msg a
        <include refid="whereSql"/>
    </select>
    <!--//查询数据-->
    <!--List<T> queryData(BaseQuery query);-->
    <select id="queryData" parameterType="SearchMasterMsgQuery" resultMap="SearchMasterMsgMap">
        SELECT
            a.*, u.id uid,
            u.username,
            s.id sid,
            s. NAME sname,
            t.id tid,
            t.name tname
        FROM
            t_search_master_msg a
        LEFT JOIN t_user u ON u.id = a.user_id
        LEFT JOIN t_shop s ON s.id = a.shop_id
        LEFT JOIN t_pet_type t on t.id = a.pet_type
        <include refid="whereSql"/>
        limit #{start},#{pageSize}
    </select>

后台

页面准备

拷贝SearchMasterMsgPending.vue和SearchMasterMsgProcessed.vue到ph-admin的pet包下

配置路由

构造数据后即可测试

消息处理

点击处理

后台

略

后端

SearchMasterMsgController
java 复制代码 
    /**
     * 处理消息
     */
    @PutMapping("/handle")
    public AjaxResult handle(@RequestBody Pet pet){
        try {
            seachMasterMsgService.handle(pet);
            return AjaxResult.me();
        } catch (Exception e) {
            e.printStackTrace();
            return AjaxResult.me().setMessage("处理失败!"+e.getMessage());
        }
    }
SearchMasterMsgServiceImpl
java 复制代码 
    /**
     * 处理消息
     */
    @Override
    public void handle(Pet pet) {
        //1.改状态  --已处理
        searchMasterMsgMapper.updateStateForProcessed(pet.getSearch_master_msg_id());
        //2.生成宠物基本信息
        petMapper.save(pet);
        //3.宠物详情
        PetDetail detail = pet.getDetail();
        if(detail != null){
            detail.setPet_id(pet.getId());
            petDetailMapper.save(detail);
        }
        //4.生成订单@TODO
        //5.生成支付@TODO
    }
SearchMasterMsgMapper
xml 复制代码 
    <!--void updateStateForProcessed(Long search_master_msg_id);-->
    <update id="updateStateForProcessed" parameterType="long">
        UPDATE t_search_master_msg set state = 1 WHERE id = #{search_master_msg_id}
    </update>

后台完成

略

相关推荐
litGrey17 分钟前
Maven国内镜像（四种）
java·数据库·maven
Rverdoser22 分钟前
unocss 一直热更新打印[vite] hot updated: /__uno.css
前端·css
Bang邦39 分钟前
使用nvm管理Node.js多版本
前端·node.js·node多版本管理
丶白泽43 分钟前
重修设计模式-结构型-桥接模式
java·设计模式·桥接模式
podoor43 分钟前
wordpress不同网站 调用同一数据表
前端·wordpress
o独酌o1 小时前
递归的‘浅’理解
java·开发语言
无问8171 小时前
数据结构-排序(冒泡，选择，插入，希尔，快排，归并，堆排)
java·数据结构·排序算法
LJ小番茄1 小时前
Vue 常见的几种通信方式（总结）
前端·javascript·vue.js·html
黑狼传说1 小时前
前端项目优化：极致最优 vs 相对最优 —— 深入探索与实践
前端·性能优化
장숙혜1 小时前
前端-CDN的理解及CDN一些使用平台
前端
热门推荐
01RAG 实践- Ollama+RagFlow 部署本地知识库02组基轨迹建模 GBTM的介绍与实现（Stata 或 R）032024年高教社杯数学建模国赛C题超详细解题思路分析04CANoe Trace窗口过滤栏消失的几种解决方法（附上最终解决方案）05苍穹外卖面试总结06【2024数模国赛赛题思路公开】国赛B题思路丨附可运行代码丨无偿自提07yolov8实战第五天——yolov8+ffmpg实时视频流检测并进行实时推流——（推流，保姆教学）08Coze扣子平台完整体验和实践（附国内和国际版对比）09【2024高教社杯全国大学生数学建模竞赛】B题 生产过程中的决策问题——解题思路 代码 论文10浏览器插件——ModHeader 的分享和学习