IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发测试 -> 浅尝前后端交互的滋味—>(黑马旅游网) -> 正文阅读

[开发测试]浅尝前后端交互的滋味—>(黑马旅游网)

目录

项目介绍

1.旅游门户网

2.后台管理系统

3.MySQL结构

难点分析

旅游门户网

后台管理

总结

附:前后端交互的请求方式


项目介绍

旅游网共分为旅游门户网以及后台管理系统,功能模块如下:

1.旅游门户网

?

?2.后台管理系统

?

3.MySQL结构

?

难点分析

旅游门户网

①分页功能时:?编写分页功能时。需要把数据库的所有内容调出,并且通过peagBean方法处理,在经过html的处理展示。

?

?

②替换数据时:?发送请求。传出数据,进行数据的替换。

?后台管理

①数据修改:修改内容时,点击修改按钮,传出该行的数据,并跳转至修改的页面,并把数据回显在上面

?

?

?

?

总结

? ? ? ? 在此项目中,频繁使用request,response请求传数据,实现页面数据的展示,多次编写SQL语句,需认真仔细,该项目内容多稍不留神就会出错,需多使用DEBUG功能进行调试。

附:前后端交互的请求方式

 
一、接受html传来的参数——request
 //方式一.接受参数
        String currentPageStr = request.getParameter("currentPage");
        String pageSizeStr = request.getParameter("pageSize");
        String cidStr = request.getParameter("cid");

------------------------------------------------------------------------------

 //方式二.从session中获取登录用户
        Object user = request.getSession().getAttribute("user");
------------------------------------------------------------------------------
 //方式三.获取用户名和密码数据
        Map<String, String[]> map = request.getParameterMap();
        //2.封装User对象
        User user = new User();
        try {
            BeanUtils.populate(user, map);
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }

        //3.调用Service查询
        // UserService service = new UserServiceImpl();
        User u = service.login(user);
------------------------------------------------------------------------------

二、返回html传来的数据——response

        //方式一.响应数据
        ObjectMapper mapper = new ObjectMapper();

        response.setContentType("application/json;charset=utf-8");
        mapper.writeValue(response.getOutputStream(), info);
------------------------------------------------------------------------------
       //方式二.响应数据

          writeValue(user, response);

------------------------------------------------------------------------------
        
      //方式三.响应数据
            response.setContentType("text/html;charset=utf-8");
            response.getWriter().write(msg);

?

?

?

?

?

?

  开发测试 最新文章
pytest系列——allure之生成测试报告(Wind
某大厂软件测试岗一面笔试题+二面问答题面试
iperf 学习笔记
关于Python中使用selenium八大定位方法
【软件测试】为什么提升不了?8年测试总结再
软件测试复习
PHP笔记-Smarty模板引擎的使用
C++Test使用入门
【Java】单元测试
Net core 3.x 获取客户端地址
上一篇文章      下一篇文章      查看所有文章
加:2022-04-18 18:12:40  更:2022-04-18 18:13:47 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 16:19:41-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码