【Web实战-Tomcat-Servlet-Thymeleaf -JDBC-MySQL】浏览器页面显示数据库数据(水果库存系统)

【Web实战-Tomcat-Servlet-Thymeleaf -JDBC-MySQL】浏览器页面显示数据库数据(水果库存系统)

前言在JDBC专栏中,我们完成了水果库存系统功能的设计,实现以及优化,但总得来看,整个项目都是后端的代码,系统的页面也不过是通过控制台模拟而来的,而非真正的前端页面。而在这篇文章开始,我们会对水果库存系统的客户端页面功能进行设计与实现,让库存系统可以在网页中使用。项目中我们主要依赖To...

【Web API系列教程】3.10 — 实战:处理数据(发布App到Azure App Service)

在这最后一节中,你将把应用程序发布到Azure。在Solution Explorer中,右击项目并选择Publish。 点击Publish打开Publish Web对话框。如果你在新建项目的时候选中了Host in Cloud,那么链接和设置就已经都配置好了。在这种情况下,仅仅是需要点击Settin...

Nginx企业级Web服务实战

11 课时 |
655 人已学 |
免费

网络安全攻防 - Web渗透测试

40 课时 |
2930 人已学 |
免费

企业Web常用架构LAMP-LNMP实战

10 课时 |
12817 人已学 |
免费
开发者课程背景图

【Web API系列教程】3.9 — 实战:处理数据(添加新条目到数据库)

在本节,你将添加让用户可以创建新book的功能。在app.js中,添加如下代码到视图模型: self.authors = ko.observableArray(); self.newBook = { Author: ko.observable(), Genre: ko.observable(), P...

【Web API系列教程】3.8 — 实战:处理数据(显示条目细节)

在本节,你将添加查看每本书的详细信息的功能。在app.js中,添加以下代码到视图模型: self.detail = ko.observable(); self.getBookDetail = function (item) { ajaxHelper(booksUri + item.Id, 'GET'...

【Web API系列教程】3.7 — 实战:处理数据(创建UI视图)

在本节,你将开始为app定义HTML,并在HTML和视图模型间添加数据绑定。 打开Views/Home/Index.cshtml文件。用以下代码替换掉文件的所有内容。 @section scripts { @Scripts.Render("~/bundles/app") } <div clas...

【Web API系列教程】3.6 — 实战:处理数据(创建JavaScript客户端)

在本节,你将使用HTML、JavaScript和Knockout.js库为应用程序创建客户端。我们将按如下步骤建立客户端应用: 1, 展示books列表 2, 展示book详细信息 3, 添加一本新书 Knockout.js库使用了模型-视图-视图模型(MVVM)模式: 1, 模型是在业务域(在本例...

【Web API系列教程】3.5 — 实战:处理数据(创建数据传输对象)

现在,我们的Web API暴露数据库实体给客户端,而客户端接收直接映射到你的数据库表的数据。然而,这不永远都是个好办法。有时候你可以想要改变发送到客户端的数据的形式。例如,你可以想要: 1, 移除环形引用(见上一章) 2, 隐藏客户端不应该看到的特定属性 3, 为了减少有效载荷而省略一些属性 4, ...

【Web API系列教程】3.4 — 实战:处理数据(处理实体关系)

前言 本部分描述了EF如何加载相关实体的细节,并且如何在你的模型类中处理环形导航属性。(本部分预备了背景知识,而这不是完成这个教程所必须的。你也可以跳到第五节) 预加载和延迟加载 预加载和延迟加载的英文名称分别是Eager Loading和Lazy Loading。 当EF与关系数据库一同使用时,了...

【Web API系列教程】3.3 — 实战:处理数据(建立数据库)

前言 在本部分中,你将在EF上使用Code First Migration来用测试数据建立数据库。 在Tools目录下选择Library Package Manager,然后选择Package Manager Console。在包管理控制台窗口,输入以下命令: Enable-Migrations 这...

【Web API系列教程】3.2 — 实战:处理数据(添加模型和控制器)

前言 在本部分中,你将添加用于定义数据库实体的模型类。然后你将添加用于在这些实体上执行CRUD(Create、Retrieve、Update、Delete——译者注)操作的Web API 控制器。 添加模型类 在本教程中,我们将通过使用“Code First”的方法对实体框架(EF)来创建数据库。对...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

社区圈子

阿里UC研发效能
阿里UC研发效能
分享研发效能领域相关优秀实践,技术分享,产品信息
13+人已加入
加入
相关电子书
更多
边缘安全,让Web加速有保障
使用CNFS搭建弹性Web服务
WEB框架0day漏洞的发掘及分析经验分享
立即下载 立即下载 立即下载