【Day02】学习笔记Springboot仿牛客网论坛实现 -Spring MVC

相关知识

http

规定了浏览器和服务器之间的通信以及通信时候的数据格式

参考http://developer.mozila.org /zh-CH

浏览器和服务器的通信分为四个步骤:

1打开tcp 连接

2浏览器向服务器发送http 报文, 简单消息被封装在帧中 这使得报文不能被直接读取

3 读取服务器返回的报文信息

4 关闭连接或者为后续请求复用

浏览器向服务器发送的是请求:

例子:Method(get /post) path (//) version of the protocol (HTTP/1.1)

在这里插入图片描述

响应

在这里插入图片描述

spring MVC

在这里插入图片描述

服务端的三层架构: 表现层 业务层 数据访问层

浏览器访问服务器首先访问表现层

MVC 一种设计模式 :主要解决的是表现层

浏览器发送请求访问controller :接受请求的数据 调用业务层去处理-处理完后将得到的数据封装到model 传给view -利用数据生成html 返回给浏览器

Spring mvc 的底层原理

核心组件:前端控制器:DispatcherServlet

serlet 引擎 比如:tomcat

请求由前端控制器处理- 通过注解找到controllr- controller 讲数据封装到model 里 返回给前端控制器- 调用view 模板-生成html 返回响应消息

在这里插入图片描述

在view 层 由模板引擎: Thymeleaf - 生成动态的html

Thymeleaf:倡导自然模板 以html 文件为模板

常用语法: 标准表达式, 判断和循环,模板的布局

可在官方文档查阅配置手册

spring.thymeleaf.cache**=**false 关闭模版引擎在application.properties

application.properties 中的配置即给某个bean 注入值

view 基本语法

一些注解的使用:

一、@RequestMapping

@RequestMapping 是一个用来处理请求地址映射的注解,可用于类或方法上。

用于类上,表示类中的所有响应请求的方法都是以该地址作为父路径;
用于方法上,表示在类的父路径下追加方法上注解中的地址将会访问到该方法。
最常用是标注在方法上,表明哪个具体的方法来接受处理某次请求。

  1. 分类

@GetMapping

@GetMapping用于将HTTP的GET请求映射到特定处理程序方法的注释。

具体来说,@GetMapping是一个作为快捷方式的组合注释,相当于@RequestMapping(method = RequestMethod.GET)。

@PostMapping

@PostMapping用于将HTTP的POST请求映射到特定处理程序方法的注释。

@PostMapping也是一个作为快捷方式的组合注释,相当于@RequestMapping(method = RequestMethod.POST)。

@ResponseBody注解的作用是将controller的方法返回的对象转换为指定的格式之后,写入到response对象的body区,通常用来返回JSON数据或者是XML数据,当 Controller 返回的不是html标签的页面,而是其他某种格式的数据时(如json、xml等),使用 @ResponseBody 注解,表示该方法的返回的结果直接写入 HTTP 响应正文(ResponseBody)中。

一般是在异步获取json数据时使用,用在方法上,通常是在使用 @RequestMapping 后

如果没有@Responsebody 在mapping后则意味着返回页面

向浏览器传递参数

@RequestParam

浏览器向服务器传参有两种方式,一是在通过get请求,在路径后加问号携带参数,如/xxx?id=1。

另一种是通过post请求,在request请求体中携带表单中的参数,这种参数在路径上是看不到的。这两种方式所传的参数,在服务端都可以通过request.getParameter(参数名)这样的方式来获取。

而@RequestParam注解,就相当于是request.getParameter(),是从request对象中获取参数的

@PathVarible解析路径中的参数

有时,我们也愿意利用请求路径本身来传参,即将参数拼到路径里,如/xxx/1,这里的1就是参数,那么在解析路径的时候,也是能获取到这个参数的。而@PathVarible就是解析路径,从中获得对应级次的参数。

演示

//获得请求对象
    @RequestMapping("/http")//方法的访问路径
    
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
仿牛客UI(张俊峰) 1.图标来自牛客app 2.大致实现UI效果 3.实现抽提 底部:RelativeLayout(学习、社区、消息、我的牛客) + 中间 自定义ViewPager(禁止滑动) 一、学习界面: (1) 标题模块:牛客 (2) 图片滑动模块:ViewPager+Pager (3) 签到模块:显示(已打卡、今日刷题、今日学习、共打卡) (4) 学习模块:Linearlayout(可用GridView)(专题练习、公司套题、错题练习、课程学习、大题查看、期末备考) ? 点击中任何一个LAYOUT,会显示一个由ExpandableList实现一个列表 ? 点击ExpandabList子标签中的练习字样,会自动跳转到另一个Activity,进行专项练习。 ? 可以进行考试,有倒计时,要求达到牛客网的效果,并能出考试结果。 (5) 参与模块:(文字(我参与的课程)+添加按钮) ? 点击添加按钮跳转到另一页面。由 ListView实现 二、 社区界面: 1. 标题模块:显示文字(最新),点击最新会弹出一个上下文菜单(最新、最热、精华)。 2. 滑动标题模块:ViewPager+PagerSlidingTabStrip 3. 内容模块:使用ListView显示用户内容。 三、 消息界面: 1、 菜单模块:(朋友私信、系统通知)使用ViewPager实现(可用Tabhost) 2、 朋友私信页面:显示一个私信图片 3、 系统通知页面:(由ListView实现)由于比较固定本人使用RelativeLayout实现 四、 我的牛客界面: 1. 头像显示模块:头像+用户名+用户信息 2. 内容显示模块 更多效果请试用,感谢支持!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值