【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作

目录

【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡
【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作
【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏
【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照
【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作
【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务
【iVX 初级工程师培训教程 10篇文拿证】07 08 新闻页制作
【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作

高分提升请查看专栏:
iVX入门到精通
大话 IVX 实战到精通

一、首页制作

本节以相对定位的手机端web为例,着重讲解后台功能实现,前端简单的布局不再进行赘述。

本节所做一共分为3个页面、6个服务和两个数据库:
在这里插入图片描述
其中主页为这个网站首页、发布页为发布信息、详情页为内容详情;评论和信息数据库分别存储评论内容和发布信息内容;其他服务均为数据获取和信息提交。

接下来查看一下首页页面,该项目中的页面不再进行绘制描述,着重以功能实现为主。

首先是首页,首页对象树和页面如下:
在这里插入图片描述

首先查看如何获取数据。在页面显示时触发页面响应事件:
在这里插入图片描述
该页面调用数据获取服务,传入始末两个变量,始末变量为数据库分页变量,通过数据获取服务即可得到对应的数据,随后将数据赋值到信息对象数组中。在此我们暂时并不关心如何编写服务实现分页,此时我们已经知道信息对象数组已经获取到了数据,那么接下来就需要通过该信息数组利用循环创建创建页面内容。

咱们可以先查看信息对象数组列:
在这里插入图片描述

以上对象数组内容即可说明数据库列名与其一致,不然则不方便调用进行调动,那么信息数据库列如下:
在这里插入图片描述
在这里插入图片描述
随后查看 循环创建如下,再将数据对其进行数据绑定即可:
在这里插入图片描述
接着咱们从数据获取服务中查看:
在这里插入图片描述
该数据服务接收了始末两个变量作为对数据选取的区间值,例如变量始为0,末为3,那么就是0到3之间的数据内容,如果每页数据条数为3,每下一页的始末值就是3 6、6 9、9 12 依次加上,每上一页内容就是始末变量递减3即可。

那么在此列出上下页按钮事件:
在这里插入图片描述
在这里插入图片描述

二、详情页

详情页需要我们点击首页中的内容进入,那么就是首页中的信息行设置点击事件:
在这里插入图片描述
我们可以看到,在点击信息后需要传递一个当前数据的ID值,这个ID值系统会自动提供到输入框中,此ID值为必需,否则无法通过数据库中唯一值获取数据库中的内容。

当点击了信息行后跳转到详情页,在详情页的显示事件中调用服务获取到详情数据。

首先看一下详情页以及简要说明:
在这里插入图片描述

接着查看详情页的页面响应事件:
在这里插入图片描述
我们可以看到,通过编写一个详情获取服务即可得到对应的数据,但是必须要通过ID对数据进行查找,当找到值后,信息将会存储到信息对象数组中,评论信息也会通过获取评论服务获取存储到评论对象数组中。

我们在获取评论服务中看到,通过数据ID从评论数据中得到对应的评论数据,那么就说明数据库中肯定是以对应的数据ID作为对应内容的索引,最终将会返回得到的数据:
在这里插入图片描述
随后我们从评论数据库中进行查看,发现果然是以文章内容数据ID作为数据评论的索引:
在这里插入图片描述
接着咱们查看详情服务:
在这里插入图片描述
由此发现详情服务也类似,均是以ID作为对应数据的索引。

接下来咱们先查看评论服务:
在这里插入图片描述
从评论服务中的值,只需要存入提交对应的值到服务中即可,那么在评论按钮处只需要获取到评论输入框内容,并且把ID值同时传入服务即可:
在这里插入图片描述

三、发布页

发布页内容也类似于其他页,均是以内容的增删查改为主,相比其他页面来说过于简单,基本上是填入对应的信息传入服务即可:
在这里插入图片描述

在这里插入图片描述
其搜索内容也类似:
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/286508.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【WEB API项目实战干货系列】- WEB API入门(一)

这篇做为这个系列的第一篇,做基本的介绍,有经验的人可以直接跳到第二部分创建 ProductController。创建 Web API 项目 在这里我们使用VS2013, .NET 4.5.1创建一个Web API 2的项目选择项目WEB API模板, 在最下方的MVC主要是默认会自带微软的API Helper, 使…

父元素 高度固定,如何使其中的文字垂直居中?

方法一&#xff1a; 设置父元素高度&#xff0c;设置子元素行高垂直居中 <style> *{padding: 0;margin:0;font-size: 12px;} div{float: left;width: 200px;height:200px;margin: 10px;border:1px solid blue; line-height: 200px;} span{display: inline-block;verti…

Android之打开继承DialogFragment对话框里面EditText获取光标并且弹出键盘把底部布局顶上去

1 需求 打开继承DialogFragment对话框里面EditText获取光标并且弹出键盘把底部布局顶上去 2 效果爆照如下 打开这个DialogFragment 3 关键代码实现 override fun onViewCreated(view: View, savedInstanceState: Bundle?) {super.onViewCreated(view, savedInstanceState)…

驱动介绍

关于驱动驱动&#xff08;也称连接器&#xff09;是对传统的数据采集程序的标准化&#xff0c;驱动可以作为你的资产进行管理系统为每个设备创建一个驱动实例通过反射创建驱动实例驱动不可以是静态的驱动要继承IDriver接口驱动内需要通过web配置的属性(支持枚举等基本类型),上要…

【iVX 初级工程师培训教程 10篇文拿证】06 数据库及服务

目录 【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作 【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照 【iV…

memcached安装和php扩展memcache安装

1.准备安装包: libevent-2.1.8-stable.tar.gz memcached-1.5.0.tar.gz memcache-2.2.7.tgz 2.安装libevent tar xf /opt/libevent-2.1.8-stable.tar.gz cd libevent-2.1.8-stable mkdir /usr/local/libevent ./configure --prefix/usr/local/libevent make && make …

J2EE开发技术点4:ajax技术

前言 AJAX 是在不重新加载整个页面的情况下&#xff0c;与服务器交换数据并更新部分网页的技术。需要知道的是&#xff0c;Ajax技术并不是一项新的技术&#xff0c;而是使用现有技术解决问题的新方法。Ajax&#xff08;Asynchronous JavaScript and XML&#xff09;也叫异步Jav…

【WEB API项目实战干货系列】- 接口文档与在线测试(二)

这一篇我们主要介绍如何做API帮助文档&#xff0c;给API的调用人员介绍各个 API的功能, 输入参数&#xff0c;输出参数, 以及在线测试 API功能(这个也是方便我们自己开发调试) 我们先来看看我们的API最终帮助文档及在线测试最终达到的效果: 概要图GET API添加产品API:删除产品 …

IOS多线程

http://www.jianshu.com/p/0b0d9b1f1f19 首页专题下载手机应用显示模式登录注册登录添加关注作者 伯恩的遗产 2015.07.29 00:37* 写了35249字&#xff0c;被2296人关注&#xff0c;获得了1668个喜欢关于iOS多线程&#xff0c;你看我就够了 字数8596 阅读92152 评论153 喜欢905在…

Android之提示Failed to load WebView provider: No WebView installed

1 问题 Fatal Exception: android.util.AndroidRuntimeException: android.webkit.WebViewFactory$MissingWebViewPackageException: Failed to load WebView provider: No WebView installedat android.webkit.WebViewFactory.getProviderClass(WebViewFactory.java:435)at a…

地理(GIS)教学神器:气象地球生成器

地理教学中&#xff0c;不管是高中还是初中&#xff0c;都会涉及到大气运动的相关教学&#xff0c;并且&#xff0c;高中阶段的大气运动知识对很多学生来说相对比较复杂&#xff0c;如&#xff1a; &#xff08;三圈环流&#xff09; &#xff08;青藏高原对西风带的影响&#…

使用 Yarp 做网关

资料GitHub: https://github.com/microsoft/reverse-proxyYARP 文档&#xff1a;https://microsoft.github.io/reverse-proxy/articles/getting-started.html主动和被动健康检查 &#xff1a; https://microsoft.github.io/reverse-proxy/articles/dests-health-checks.html#ac…

Android之OkDownload里面的OKHttp提示java.lang.IllegalArgumentException: Invalid URL port: “image“

1 、问题 release版本线上奔溃如下 Fatal Exception: java.lang.IllegalArgumentException: Invalid URL port: "image"at okhttp3.t$a.a(HttpUrl.kt:63)at okhttp3.t$b.b(HttpUrl.kt:8)at okhttp3.y$a.b(Request.kt:5)at com.liulishuo.okdownload.j.e.b.<init…

【iVX 初级工程师培训教程 10篇文拿证】05 画布及飞机大战游戏制作

目录 【iVX 初级工程师培训教程 10篇文拿证】01 了解 iVX 完成新年贺卡 【iVX 初级工程师培训教程 10篇文拿证】02 数值绑定及自适应网站制作 【iVX 初级工程师培训教程 10篇文拿证】03 事件及猜数字小游戏 【iVX 初级工程师培训教程 10篇文拿证】04 画布及我和 iVX 合照 【iV…

【WEB API项目实战干货系列】- API登录与身份验证(三)

这篇我们主要来介绍我们如何在API项目中完成API的登录及身份认证. 所以这篇会分为两部分, 登录API&#xff0c; API身份验证. 这一篇的主要原理是&#xff1a; API会提供一个单独的登录API, 通过用户名&#xff0c;密码来产生一个SessionKey, SessionKey具有过期时间的特点, 系…

mysql数据库建立的数据库在哪个文件夹?

为什么80%的码农都做不了架构师&#xff1f;>>> 一般在安装目录下的data文件夹下&#xff0c;或者在C:\Documents and Settings\All Users\Application Data\MySQL\MySQL Server 5.1\data&#xff08;你的可能是C:\Documents and Settings\All Users\Application D…

python 学习笔记01

python学习过程遇到一些问题记录&#xff1a; 1、 IndentationError:expected an indented block错误的解决办法 一句话 有冒号的下一行往往要缩进&#xff0c;该缩进就缩进 参考资料&#xff1a;http://blog.csdn.net/hongkangwl/article/details/16344749 2、17个新手常见Pyt…

ArcGIS实验教程——实验二十四:人口密度制图

ArcGIS实验视频教程合集:《ArcGIS实验教程从入门到精通》(附配套实验数据)》 一、实验分析 人口密度是指单位土地面积上居住的人口数,通常以每平方千米或每公顷内的常住人口为单位计算。人口密度同资源、经济密切结合,因此,科学准确地分析人口密度的分布情况,对合理制定…

Navicat 远程连接ubuntu出现的问题

2003-Cantt connect to Mysql server to xxxxxxx 解决&#xff1a; vim /etc/mysql/my.cnf 修改bind-address 0.0.0.0 然后重启mysql&#xff1a; 这时进入mysql可能会报错&#xff1a; ERROR 2002 (HY000): Cant connect to local MySQL server through socket /v…

WPF效果第一百八十八篇之再玩Expander

大端午节的在屋里吹着空调撸着代码真是酸爽;闲话也不多扯,直接看今天要分享的效果:1、关于简单的布局设计:2、前台先来个死布局,回头ListBox改模板:<Expander ExpandDirection"Left" Header"控制卡" VerticalAlignment"Bottom" HorizontalAli…