【web学习之ideaIU】 IntelliJ IDEA - 学习
█ 【web学习之ideaIU】 IntelliJ IDEA - 学习
█ 相关文章:
-
● 【web学习之html】 HTML基础 - 常见语法总结
● 【web学习之html】 HTML基础 - 表单学习
● 【web学习之Js】 JavaScript基础 - 基础语法
● 【web学习之demo】 一个Demo的解析
● 【web学习之eclipse】 用eclipse从git(码云)上下载maven项目
● 【【web学习之交互】 数据交互 - List传输
█ 读前说明:
-
● 本文通过学习别人写demo,学习一些课件,参考一些博客,’学习相关知识,如果涉及侵权请告知
● 本文只简单罗列相关的代码实现过程
● 涉及到的逻辑以及说明也只是简单介绍,主要当做笔记,了解过程而已
█ 本文知识点:
-
● IntelliJ IDEA的下载安装
● $(’#selectStudent’).html(tr);局部更新
● JSONArray 的使用
● eval(data.msg);//字符串转换成js对象
█ IntelliJ IDEA的下载:
-
● 百度输入idea:
● 点击进入官网:
● 下载后如下:
█ 通过在js里面获取,再动态显示 :
-
● 在Controller的java文件中直接传递List对象(方法1):
@ResponseBody@PostMapping(value = "getStudentList", produces = "application/json; charset=utf-8")public List< UserInfo> getStudentList(Model model) {List< UserInfo> items = new ArrayList<>();return items ;}
● 在Controller的java文件中将List对象转换成字符串(方法2):
@ResponseBody@PostMapping(value = "getStudentList", produces = "application/json; charset=utf-8")public List< UserInfo> getStudentList(Model model) {List< UserInfo> items = new ArrayList<>();JSONArray jsonArray=new JSONArray();for (UserInfo item : items ) {jsonArray.add(items); }return jsonArray.toString();}
● 在前端的html文件中js通过post返回获取对象(方法1):
$.post("../getStudentList",null, function(data) {var val=eval(data.msg);//字符串转换成js对象 var tr = '<option value="0">选择学生</option>';for (var i=0;i<val.length;i++){tr = tr + '<option value="'+val[i].id+'">'+val[i].name+'</option>';}$('#selectStudent').html(tr);});
PS1: console.log(data); 将输出:
[{“id”:1,“name”:“刘一”},{“id”:2,“name”:“陈二”},{“id”:3,“name”:“张三”},{“id”:4,“name”:“李四”},{“id”:5,“name”:“王五”},{“id”:6,“name”:“赵六”}]
PS2: console.log(eval(data)[0].name); 将输出:刘一
PS3: onsole.log(eval(data).length); 将输出:6
PS4: 另外还有JSON.parse(data);可以将字符串转换成对象,只是字符串的格式不太一样
● 在前端的html文件中js通过post返回获取对象(方法2):
$.post("../getStudentList",null, function(data) {var tr = '<option value="0">选择学生</option>';for (var i=0;i<data.length;i++){tr = tr + '<option value="'+data[i].id+'">'+data[i].name+'</option>';}$('#selectStudent').html(tr);});
PS1: console.log(JSON.stringify(data)); 将输出:(同方法1的字符串)
[{“id”:1,“name”:“刘一”},{“id”:2,“name”:“陈二”},{“id”:3,“name”:“张三”},{“id”:4,“name”:“李四”},{“id”:5,“name”:“王五”},{“id”:6,“name”:“赵六”}]
PS2: cnsole.log(data[0].name); 将输出:刘一
PS3: cnsole.log(data.length); 将输出:6
█ 其他:
-
● 1.时间显示,可以直接在js里面将Date进行转换处理:,
<fmt:formatDate value='${createtime}' pattern='yyyy-MM-dd/E HH:mm'/>
显示如下:
PS: 如果将HH:mm写成HH:MM则会将17:35显示为15:11,所以建议时间转换可以直接在服务端转换好,在前端直接显示即可
█ 相关资料:
-
● 1.2018-01-28 SSM将后台获取的数据转换成json格式传递到前台页面 - Fantasy_99 - 博客园
● 2.20161228 js获取springmvc后端传递过来的list对象,并使用select下拉框显示出来 - jaryle的专栏 - CSDN博客l
● 3.2018-07-17 SSM框架动态表格实现批量新增 - Z_SUHE的博客 - CSDN博客
● 4.2017-09-21 SSM之Mybatis查询以及批量操作 - 黄三yeah的Java技术空间 - CSDN博客
● 5.Javascript 教程 - JavaScript JSON.parse() | 菜鸟教程
转载请注明出处:
https://blog.csdn.net/ljb568838953/article/details/84136816
【web学习之ideaIU】 IntelliJ IDEA - 学习相关推荐
- web前端开发培训有哪些学习阶段
web前端技术主要针对于移动互联网是比较多的,对于零基础的同学来说前期主要学习基本的静态布局,HTML + CSS,下面是web前端开发培训有哪些学习阶段的具体内容. web前端开发培训有哪些 ...
- 《软件测试实践--测试Web MSN》 之我的学习笔记(一)
开篇话: 对于软件测试,对于一名大三的学生来说,我了解的确实不多,也很不全面,可以说是从学长学姐得到一些有些以偏概全的观点: 比如: 1.测试比开发要求的技术门槛要低,简单地来说,测试人员只需要轻点鼠 ...
- Git学习笔记与IntelliJ IDEA整合
2019独角兽企业重金招聘Python工程师标准>>> Git学习笔记与IntelliJ IDEA整合 一.Git学习笔记(基于Github) 1.安装和配置Git 下载地址:htt ...
- Git学习笔记与IntelliJ IDEA整合
Git学习笔记与IntelliJ IDEA整合 一.Git学习笔记(基于Github) 1.安装和配置Git 下载地址:http://git-scm.com/downloads Git简要使用说明:h ...
- 前端工程师需要学习ps 吗_转行学习web前端开发,需要哪些工具和需要学习什么?...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
- 《Java Web开发入门很简单》学习笔记
<Java Web开发入门很简单>学习笔记 1123 第1章 了解Java Web开发领域 Java Web主要涉及技术包括:HTML.JavaScript.CSS.JSP.Servlet ...
- web前端-微信小程序开发学习
web前端-微信小程序开发学习 1. 小程序的概述 2. 小程序的项目结构 2.1 小程序项目结构分析 2.2 WXML模版 2.3 小程序的宿主环境 3. 组件 3.1 视图容器类组件 3.2 常用 ...
- 猿来小课web前端介绍html语言基础学习
HTML是一种超文本标记语言,属于互联网开发技术里面的前端开发技术.同时也是计算机和你所访问的Web站点的沟通语言.当你访问Web服务器所寄存的站点并与其交互时,Web服务器会接收到来自你的浏览器的请 ...
- web三维gis引擎cesium的学习笔记(包含视频融合和动态纹理)
文章目录 web三维gis引擎cesium的学习笔记(包含视频融合和动态纹理) Cesium.Viewer 坐标系 位置方向 官方api文档及示例 Entity API Primitives API ...
最新文章
- 2022-2028年中国半导体硅片行业深度调研及投资前景预测报告
- 在Makefile中的 .PHONY 是做什么的?
- php插件 pycharm_原来Pycharm中有这么多好用的插件|Pycharm精选插件
- 水抗攻击(APT攻击手段)
- VSCode自定义代码片段7——CSS动画
- Java的Socket编程
- nagios 主机报警别名修改
- window8服务器
- linux alias使用
- 在两个ASP.NET页面之间传递值
- .net 导出excel_.NET Core一行代码导入导出Excel生成Word
- 检测UDP端口是否开放的命令
- 在线SVG在线编辑器
- office办公哪个版本稳定好用
- 用Tampermonkey真正屏蔽B站自己不感兴趣的视频
- Redis(八):进阶篇 - 事务
- 常见计算机硬件故障维修方法,电脑硬件有哪些常见问题 电脑硬件常见问题维修技巧【详解】...
- 机器学习——不可逆矩阵处理
- NDK Caused by: java.lang.UnsatisfiedLinkError:
- Linkage Mapper 专栏内容介绍