Web开发前端界面的调转

以前一直都是在做后台开发，这段时间有时各种原因，开始学习前端的开发。这里整理下前端开发时，前端如何取到后台返回的数据。

我们知道，从服务返回到前端的数据格式有各种各样，下面列举各种情况下，前端取值的方式

1：服务端以model的形式返回

如果在服务端返回的一个方法如下：

@RequestMapping(value = "/index")
public String index(Model model) {
try {
List<Menu> list = menuService.findFirstMenusByUser();
model.addAttribute("menuList", list);
model.addAttribute("user", userService.getCurrentUser());
} catch (Exception e) {
log.error("index is error.", e);
}
return "/main.jsp";
}

这个方法是以Spring的Model形式返回。如果以这种形式返回，那么在前端的取值方法

<c:forEach items="${menuList}" var="menu" varStatus="status">
<li <c:if test="${status.index == 0}">class="cur"</c:if>>
<a href="javascript:;" menuId="${menu.id}">
<span class="mu${status.index+1}"></span>
<p>${menu.menuName}</p>
</a>
</li>
</c:forEach>

Web开发前端界面的调转相关推荐

前端入门前端自学路线 web开发前端如何学习
本文介绍前端入门之路,以及之后对前端应该怎么学,大概学哪些东西.作者在前端.后端入门的时候,花了大量时间到CSDN.知乎.百度上去找资料,但是有的说的不是太复杂, 就是一句话带过,那个时候很苦恼.现在 ...
超实用web前端开发工具推荐（web开发+前端性能优化+浏览器兼容性测试+……）
要说有哪些好用的前端开发软件和工具,我可有发言权哈~因为在学习的过程中积累了不少实用型前端开发工具.今天我就从浏览器兼容性测试工具.web开发工具.前端性能优化工具.大数据可视化工具这四个方向来和大家 ...
华为WEB开发前端全栈成长计划--HTML笔记
华为高校内容组出版张宇老师第一章 WEB简史第一节 Web的诞生 Internet 中文译名为因特网,又叫国际互联网,由所有使用公共语言互相通信的计算机连接而组成的全球网络. 历史起源20世纪 ...
Web开发前端、后端与全栈的区别是什么？
刚入门Web开发者总会听到前端开发.后端开发.全栈开发等岗位描述及相关介绍说明.很多人不清楚前端.后端.全栈到底指的是什么?对应岗位需求是什么?本文主要从三者概念.技术内容要求等角度对前端.后端及全栈 ...
Boostrap ZURB Foundation —— Web开发前端框架
webflow: Webflow 允许设计师通过自由的拖拉拽与 CSS 类互动,而定义它们的过程无需写任何一行代码. 用户在完成从设计到 CSS 构架之后,甚至可以在线直接将建好的网页发布,而不需要导 ...
web开发-前端作业-做一个简单网页
一.设计思路与主题设计思路:一直在跟pink老师学前端,有次表单练习是关于相亲网站的,于是突发奇想,打算把这个东西完善一下,再玩个谐音梗"珍禽网"--真情网~(顺便交个作业)主要 ...
HTML5 Boilerplate: 最流行的web开发前端模版
http://bjankord.github.io/Style-Guide-Boilerplate/
web开发—— 前端基础（6） ——语义化标签
在网页中HTML专门用来负责网页的结构,在使用html标签时,应该关注标签的语法,而不是它的样式! 首先:标题标签有6级,h1~h6,h1时一级标题,h6是6级标题,h1最重要,h6最不重要. 一般情 ...
web开发——前端基础（2）—— HTML属性的设置
今天来说说HTML的"属性",在标签中(开始标签或结束标签)还可以设置属性. 怎么在一个简单的网站里添加字体的颜色.字体的大小以及图片. 话不多说,先上效果图: 在<body ...

Web开发前端界面的调转

Web开发前端界面的调转相关推荐

最新文章

热门文章