写网上订餐系统毕业设计查询过的问题

末蓝、 2022-10-24 02:04 188阅读 0赞

## 一，如何让div的四个角有弧度 ##

.top{
    		border:1px solid black;
    		border-radius:10px; 
    		background-color: #3D3D3D;
    		height: 61px;
    		width: 1160px;
    	}

# #

## 二，如何让ul 中的li水平放置 ##

.top ul {
    		list-style:none;
    		display:inline;
    	}
    	.top ul li{
    		width:285px;
    		height: 61px;
    		display:inline-block;
    		background-color:red;
    		text-align: center;
    	}

## 三，如何让a标签中的文字向中间居中 ##

.top ul li{
    		width:285px;
    		height: 61px;
    		display:inline-block;
    		background-color:red;
    		text-align: center;
    	}
    	.top ul li a{
    		line-height: 61px;
    
    	}

# #

## 四，如何让标签变色，当鼠标移上去时：a标签里面的内容会变色 ##

.top ul li a:hover{
    		font-size: 20px;
    		color: #ffc423;
    		line-height: 61px;
    
    	}

## 五，如何让div固定在一个位置 ##

position:fixed;

## 六，div如何水平排列 ##

float:left;

## 七，去掉a默认样式 ##

a{
    text-decoration:none;
    color:#333;
    }

## 八，jsp页面开启java语言的支持 ##

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

## 九，如何获取jsp中的根路径 ##

<%
        String path = request.getContextPath();
        String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
        String mainPage = basePath + "main/shoppingCart";
    %>
    <% System.out.println(mainPage);%>

## 十，SpringMVC中如何实现用标签进行页面的跳转 ##

<li><a href="${pageContext.request.contextPath}/main/shoppingCart">我的购物车</a></li>

## 11，数据库中创造double类型字段出现错误——不要写长度 ##

## ![20210130142233771.png][] ##

## 12，使用mybatis向mysql中存图片（默认搭建好MVC三层架构） ##

图片文件

1，环境配置

pom.xml导入的文件包

<dependencies>
        <dependency>
        <groupId>commons-fileupload</groupId>
        <artifactId> commons-fileupload</artifactId>
        <version>1.3.1</version>
      </dependency>
      <dependency>
        <groupId> commons-io</groupId>
        <artifactId> commons-io</artifactId>
        <version>2.4</version>
      </dependency>

springMVC.xml开启文件上传的配置

<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
            
            <property name="maxUploadSize" value="10485760"/>
        </bean>

2，前端jsp文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
    <h1>我是adminMain页面</h1>
    <form action="/ssm/file/fileUpload" method="post" enctype="multipart/form-data">
        食物名：<input type="text" name="foodName"> <br>
        食物类型：<input type="text" name="foodSort"> <br>
        价格：<input type="text" name="foodPrice"> <br>
        食物图片： <input type="file" name="imgFile"> <br>
        <input type="submit" value="上传">
    </form>
    </body>
    </html>

3，控制器文件

@Controller
    @RequestMapping("/file")
    public class FileController {
    
        /**
         * SpringMVC文件上传
         * 1. 控制器方法通过MultipartFile获取整个上传的文件。
         * 2. 参数名称upload(MultipartFile imgFile..) 中的imgFile一定要与页面的文件域的表单元素名称一致.
         *    <input type="file" name="imgFile">
         */
        @Autowired
        private IFoodService foodService;
        @RequestMapping("/fileUpload")
        public String upload(MultipartFile imgFile, Food food) throws Exception {
            System.out.println("我执行了");
            System.out.println(Arrays.toString(imgFile.getBytes()));
            food.setFoodPicture(imgFile.getBytes());
            foodService.saveFood(food);
            return "mainPage";
        }
    }

4，实体类

public class Food {
        private int foodId;
        private String foodName;
        private double foodPrice;
        private String foodSort;
        private byte[] foodPicture;
    }

5，数据库文件结构

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg0MTMxMg_size_16_color_FFFFFF_t_70][]

## 13，form表单提交的方法url出现问题，跳转的控制器越多url路径就会增加之前跳转的路径，导致url路径不对而不能访问到controller ##

# #

使用绝对路径直接访问，最前面有/

# #

## 14，不要选择把图片存到数据库中而是存到本地服务器中，数据库存访问图片的路径。这样可以大大加快图片的访问速度。图片的名称中不要带“-”和中文 ##

# #

## 15，如何根据数据库中查询的记录条数，生成对应的前端jsp页面的div ##

# #

**解决：使用forEach标签**

<c:forEach items="${foods}" var="food">
                <div class="food_in">
                    <img class="food_img" src="${food.picturePath}">
                    <div class="food_name">${food.foodName}</div>
                    <div class="food_price">${food.foodPrice}</div>
                    <div class="food_book">加入清单</div>
                </div>
            </c:forEach>

## 16，a标签传参数到后台出现乱码——要转化 ##

foodSort = request.getParameter("foodSort");
    foodSort= new String(foodSort.getBytes("ISO8859-1"), "UTF-8");

# #

## 17，编写购物车功能头疼。 ##

1，js的变量的作用域不清楚，加上idea编写代码时是通过重启服务器查看编写结果，大量的错误导致。。。。失去信心——》好吧！快速学习js

2，如何点击页面中的加入购物车就将数据存起来，并在购物车中有商品信息。

<template id="temp">
                <tr data-pid="{
       {pid}}">
    
                    <td>
                        <img class="cart_img" src="{
       {src}}">
                    </td>
                    <td>
                        <span class="pname" style="line-height: 80px;">{
       {pname}}</span>
                    </td>
                    <td class="price">
                        {
       {price}}
                    </td>
                    <td>
                        <div class="wrapNum">
                            <button class="reduceBtn">-</button>
                            <input class="countNum" type="text" value="1">
                            <button class="addBtn">+</button>
                        </div>
                    </td>
                    <td class="count">{
       {subPrice}}</td>
                    <td><a href="javascript:void(0)" class="del">删除</a> </td>
                </tr>
            </template>
    
    
    const datas=[];
    //添加到购物车
    addIntoCart();
        function addIntoCart(){
            let food_book=document.querySelectorAll('.food_book');
            let temp=document.querySelector('#temp');
            for(let i=0;i<food_book.length;i++){
                food_book[i].onclick=function(){
                    datas.push(
                        {
                            cart_img:'../image/food/2.jpg',
                            pname:'凯乐寒冰',
                            price:'19'
                        }
                    )
                    console.log(datas[0].cart_img);
                    let moban=$('#temp').html();//只能通过这种方法获取到html
                    moban=moban.replace('{
       {src}}',datas[0].cart_img);
                    moban=moban.replace('{
       {pname}}',datas[0].pname);
                    moban=moban.replace('{
       {price}}',datas[0].price);
                    moban=moban.replace('{
       {subPrice}}',datas[0].price);
                    console.log(moban);
                    $('tbody').append(moban);
                }
            }
        }

3，点击加入购物车，在购物车页面内可以生成对应的商品列表了，里面的加减按钮点击却没有反应，查看后发现是加减功能在遍历时就直接初始化

原来的做法
       1，编写好各个页面，给每个元素添加功能，有加减，计算价格，关闭开启购物车，页面布局美化，添加商品到购物车页面
       2，问题，添加商品到
    
    
    
    
    
    
    
    1，将后台传过来的所有数据暂存起来
    2，每个数据有自己固定的id号
    3，获取到点击目标的id号，遍历购物车窗口中的商品id，是否存在该商品
        存在   数量加一
        不存在  添加的购物车页面

18，数据库如何去掉重复第查询——使用distinct关键字

不要前端写一下，后端写一下。数据库再写一下。很乱，会浪费很多时间。不如先把前端写完，分析要实现的功能。在写数据库。如何写后端。

19，添加外键失败

要求不是varchar等存储有变化的格式，并且类型，存储大小相等。约束名唯一。

20，删除一条语句，因为外键约束而不能删除

先把相关数据删除，再来删除该语句。因为要删除其它无关语句所以要添加提示窗口。

21，原生的窗无两个按钮，来进行（放弃删除）和（进行删除）两个操作

自己定义一个div窗口，设计自己自己想要的样式。并把该div窗口设置成display：none；就看不见了。并设置position：fixed;把它放到最中间。

当点击相关的按钮时，js把它的display变成block。显示提示信息，点击相关按钮完成操作后display变为none。就消失了。

22，如何更新菜品的图片，数据库中存的是图片的路径。

把原路径存在一个input中，把它设置成看不见（背景色，边框，字颜色都一样）

选择文件到后端，需要判断是否为null，如果为空就用input的路径，如果不为空就把新的路径替换上去

23，传文件图片出现的问题：

如果把图片以二进制数据存到数据库中，文件太大读取熟读太慢，所以把它存在本地

使用绝对路径存可以，成功存进去，但需要重启服务器才会生效

使用相对路径存，直接生效，本地却找不到存进去的图片。感觉存到了云端，当服务器关闭后就失效了。

未解决。。。。。。。。

24,订单表数据库设计——》解决了

订单表——用户表——》一对一的关系

订单表——菜品表——》多对多的关系

25，苦逼的发现购物车编写，有一个问题过不了，需要推翻重写——》解决了

需要用到ajax，和json数据的封装

26，Data source rejected establishment of connection, message from server: "Too many connections"。数据库的连接用完了

show variables like "max_connections"; //显示最大连接数
    show processlist ;//显示当前连接数
    set global max_connections=1000//设置最大连接数1000
    
    需要重启服务器，关闭连接

27，发送ajax请求传json数据到后端，因为表单与菜品表是一对多的关系，所以不能直接用json对应包提供的类型对数据进行封装。使用string类型来接收json数据

在把它解析成数组，然后再进行封装到bean对象中

//pom文件中添加解析string格式为json的坐标
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.47</version>
    </dependency>

@RequestMapping("addOrder")
        public @ResponseBody Food addOrder(@RequestBody String body){
            //将string类型的 数据转成json类型，用get的方式得到其中的内容
            JSONArray array = JSONArray.parseArray(body);
            System.out.println(array);
            System.out.println(array.get(1));
    
            return null;
        }

@Override
        public boolean addOrder(JSONArray body) {
            JSONObject jsonObject = body.getJSONObject(0);
            orderInfo.setOrderTime(jsonObject.getString("orderTime"));//下单时间
            Double totalPrice=Double.parseDouble(jsonObject.getString("totalPrice"));//订单总价
            orderInfo.setTotalPrice(totalPrice);
            Integer uid=Integer.parseInt(jsonObject.getString("uid"));//用户id
            orderInfo.setUid(uid);
            orderInfo.setOrderState("未受理");
            orderInfo.setPayWay("支付宝");
            //将该信息存入订单表，并获得该订单id给细节表用
            orderDao.saveOrder(orderInfo);
            for(int i=1;i<=jsonObject.size();i++){
                jsonObject = body.getJSONObject(i);
                orderFood.setOrderId(orderInfo.getOrderId());//订单id
                Integer foodId=Integer.parseInt(jsonObject.getString("foodId"));//菜品id
                orderFood.setFoodId(foodId);
                Integer number=Integer.parseInt(jsonObject.getString("number"));//菜品数量
                orderFood.setNumber(number);
                Double subPrice=Double.parseDouble(jsonObject.getString("subPrice"));//菜品单价,获取信息错误得不到值不能执行下去
                orderFood.setSubPrice(subPrice);
                //封装好一个订单细节对象后保存
                orderDao.saveOrderFood(orderFood);
            }
            return true;
        }

28，sql语句如何写当添加信息时，返回该条信息的id号

//SQL语句实现
    insert into t_student(name,studentno,sex,age) 
    output inserted.id values('张连康','101001','男',22)
    
    //使用mybatis框架实现
    
        <insert id="addOrder"  parameterType="cn.itcast.domain.Order" useGeneratedKeys="true" 
         keyProperty="orderId">
            insert into order(orderTime,orderState,payWay,userId,totalPrice)
            values(#{orderTime},#{orderState},#{payWay},#{userId},#{totalPrice})
        </insert>

29，将订单信息保存到数据库时，发现代码没问题，信息也没问题，SQL语句没问题。也不报错，其他存取信息方法可以调用成功。就这个保存订单方法不成功并且没有任何的报错提示

什么鬼。啥也不是！

dao.xml文件中的SQL语句标签上的id与方法名相同啊！咋感觉没调用上dao.xml文件，别的方法都没问题就这，出现了不可预知的问题。我太难了。

研究了半天发现编译器有报异常，在另外一个窗口。和之前不一样（我去），感谢报错！——》解决问题了

感悟：复制粘贴要小心

30，本来想给div标签上，但鼠标移上去时，鼠标变手。于是在div标签外加一个a标签并且href=“\#”表示不跳转。没想到一点击就跑到最顶端。

css中加一个样式实现
    cursor:pointer;

31,@Autowired忘记写，会报空指针异常

32，不能同时使用submit表单提交，和ajax请求提交来与后台交互，数据可以传到后台，但返回页面的时候不能返回报400错误

ajax请求时json数据类型与名称与后台要封装的bean不一样，也会包400错误

33，使用ajax请求到后台获取数据到前台时，采用request域来添加数据，传到前台需要刷新页面才可以显示数据。

34，ajax从控制器返回字符串，success方法不执行.

35，执行以下语句来刷新页面，是最后执行的

window.location.reload();

36，数据库语句有点忘了

根据id分组，计算相同id的个数，按降序排列

SELECT  COUNT(foodId),  foodId FROM orderFood GROUP BY foodId ORDER BY  COUNT(foodId) DESC;

37，food表中的食物不能被删除，因为下单的时候，订单表中有食物的信息，它以外键的形式存在（不能被删除）

*  提示该信息在订单表中存在，不能删除
 *  如果删除就会把相关的订单删除
 *  或者删除订单中的事物信息

解决：先查询订单表得到在订单表中的事物id集合，判断要删除的食物是否在其中。如果在其中就不删除，设置一个massage的session来提示用户该食物在订单表中，需要删除对应的订单。

38，一定要谨慎选择，是否把图片存储在本地，还存储在数据库。（当初要是选择存到数据库就没那么多事了）

*  String realPath = ServletActionContext.getServletContext().getRealPath("/upload");获得项目的相对路径，放在了Tomcat服务器上，在webapp下的相应发布项目里面，每次重启服务器上传的文件都会消失，**（适合做测试）**
 *  于是我把相对路径改成绝对路径来存储上传的图片，新问题出现了（添加的图片存入是本地文件夹，不是服务器上的，所以需要重启服务器才能生效。）

39，支付宝支付接口，莫名其妙出现bug，支付成功后不能执行它的回调方法

*  参数正常
 *  拦截器放行了
 *  检查回调方法（回调方法连接错误，因为修改了端口号6666为8080）

# #

[20210130142233771.png]: /images/20221024/bf47a0d65e7147e7a404c7c759d5ffa0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDg0MTMxMg_size_16_color_FFFFFF_t_70]: /images/20221024/b02e715dab9d4e0fa04e542d7bfd8083.png