九、二手信息站点后台完成 (IVX 快速开发教程)

九、二手信息站点后台完成

了解完后台实现后,我们开始为该二手商品站点完成完成后台制作。

文章目录

  • 九、二手信息站点后台完成
      • 9.1.1 完成二手信息站点注册功能
      • 9.1.2 完成二手信息站点登录功能
      • 9.1.3 完成商品发布功能
      • 9.1.4 首页信息获取
      • 9.1.5 详情页内容

9.1.1 完成二手信息站点注册功能

首先完成账户的注册需要在该项目后台中添加一个私有用户:

随后我们点击注册页面的 按钮组件 为其添加事件;首先为 手机验证码按钮 添加事件,事件逻辑为该 按钮 受到点击后进行响应,随后添加一个 动作,该 动作 为选择 私有用户对象,用 私有用户对象 发起一个 手机验证码动作:

随后得到验证码后我们直接为 注册按钮 添加一个事件,条件为 点击触发:


为了判断该动作是否成功完成,我们为这个动作设置一个 回调事件;添加 回调事件 后增加其条件,判断注册结果是否成功,若成功则使用系统界面对象发起一个弹窗,内容为注册结果并且跳转到登录界面:

再此为了保证完整性,再添加一个条件判断注册结果是否为否,为否则弹出注册失败原因:

9.1.2 完成二手信息站点登录功能

登录界面的功能实现跟注册页面实现类似。为 登录按钮 添加一个事件为 点击触发,随后依旧是使用 私有用户 对象发起一个登录操作:

随后为登录时间添加一个回调,为回调增加一个条件,若登录结果为成功,那么就弹出弹窗作为提示并且跳转到信息展示页面:

最后也为其添加一个登录失败事件,并且做弹窗提示:

9.1.3 完成商品发布功能

在商品发布页中,我们需要使用文件接口获取本地图片:

获取到本地图片完成成功后,我们需要创建一个封面图地址的文本变量:

并且在获取到文件后将这个变量设置为读取到的 base64 图片内容:

接着我们添加一个隐藏的图片:

并且设置这个图片为不可见,在正式赋值后给与图片信息,这样不会影响整体的页面排版:

接着我们继续为获取图片按钮添加事件,此时将刚刚获取到的图片信息赋值给这个封面图图片,并且设置该负面图属性可见:

但是此时的图片是不可见的,因为我们一般情况下,图片并非使用 base64 显示,此时应该转化这个图片为 base64 图片:

最后我们为发布按钮添加发布事件。这个事件需要创建一个服务将传递的值给与数据库,那么这个操作就意味着我们需要再多做一个操作,也就是创建一个数据库。首先我们在后台创建一个商品数据库:

在这个商品数据库中添加几个字段,由于截图不全再次截图 2 次进行说明:


随后添加一个服务命名为发布信息:

在服务中创建需要的参数:

在服务中设置商品数据库对象动作为提交,并且给与对应的数据:

最后自己设置一个返回结果为是否成功:

此时必要的工作已经做完,我们接着可以为发布按钮添加发布事件了。在发布按钮中添加点击后触发事件,该事件动作为使用发布信息发布启动服务作为动作,传入发布信息作为传递的值:

完成后给与一个成功提示与错误提示即可:

9.1.4 首页信息获取

此时我们已经可以从数据库中获取数据,首页的内容应该丰富起来。我们此时在首页中添加对象变量命名为商品数据,设置列名与数据库列名一致:


接着我们对这个页面添加一个事件,触发调价哪位页面显示之前,此时我们应该调用一个服务获取数据,再此新建一个服务命名为默认数据:

该服务不需要接收参数,直接输出数据库数据即可:

我们接着页面添加事件,该事件直接调用该服务,调用完毕后给商品数据变量赋值为返回值即可:

此时我们回到页面之中,删除多余的商品信息内容,直留下一个。在唯一一个商品信息列外,添加一个 for 循环组件:

设置 for 循环组件的数据来源为商品信息变量:

接着我们将内容依次对应设置即可:


此时我们应该还设置一个隐藏的文本用来记录当前的 id 值,因为在详情页面中我们需要通过当前这个商品信息 id 值,找到数据库中匹配的数据。添加一个文本,设置值为当前数据的 ID,并且设置属性为不可见:

9.1.5 详情页内容

详情页是通过当前点击的 数据ID 到数据库中进行检索,我们此时应该创建一个服务命名为某商品数据:

设置接收参数 id 为数字,通过商品数据库对象进行输出操作,设置条件且为 数据ID 等于当前 id 值即可:

我们接下来需要了解一下进入商品详情页的逻辑。首先我们第一步为点击商品数据,此时我们应该创建一个变量为查询id,该变量值用来在商品信息页面加载时提供具体的 id 用于服务的调用:

此时我们再为图片设置一个点击事件,点击图片时赋值查询id变量为当时设置的隐藏文本的内容,随后再跳转到详情页:

此时我们创建一个商品详情变量用于数据显示:

再详情页的显示事件中直接调用对应服务进行内容赋值到详情对象变量即可:

在详情页创建一个循环组件,将要显示的内容进行循环,设置循环组件的数据来源为商品详情变量:

随后再设置对应的内容即可,在此使用富文本变量举例:

最后只需要为跳转按钮都添加页面跳转即可完成。

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

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

相关文章

Android之自定义带圆角的水纹波效果

1 需求 自定义带圆角的水温波效果 2 代码实现 bg_navigation_ripple.xml <?xml version"1.0" encoding"utf-8"?> <ripple xmlns:android"http://schemas.android.com/apk/res/android"android:color"color/c3"><i…

爬虫是什么?起什么作用?

【爬虫】 如果把互联网比作一张大的蜘蛛网&#xff0c;数据便是放于蜘蛛网的各个节点&#xff0c;而爬虫就是一只小蜘蛛&#xff0c;沿着网络抓取自己得猎物&#xff08;数据&#xff09;。这种解释可能更容易理解&#xff0c;官网的&#xff0c;就是下面这个。 爬虫是一种自动…

根据实例类型反射操作数据库(简单通用表操作类)

这个类适用简单的表 1.有且只有id为主键&#xff0c; 2.并且实例类主键&#xff0c;也就是id应为字段&#xff0c;其他为属性 3.实例类名跟表名一样&#xff0c;字段属性跟列名一样 public class ProType{public int id;public string type{get;set;}public int array{get;set;…

React-引领未来的用户界面开发框架-读书笔记(五)

第11章 性能优化 Reactde Dom diff算法使我们能够在任意时间点高效地重新绘制整个用户界面&#xff0c;并保证最小程度的DOM改变&#xff0c;然而&#xff0c;也存在需要对组件进行细致优化的情况&#xff0c;这时就需要渲染一个新的DOM来让应用运行得更加高效。 shouldCompone…

oneproxy检测主从复制同步延迟

Q:为什么要实现读写分离延迟检测&#xff1f; A:就好比你在ATM机存钱&#xff0c;你老婆收到短信后乐呵呵的拿网银APP查看&#xff0c;结果钱没过来。其实钱已经到账了&#xff0c;只是查询的ATM机节点钱还没过来。所以我们dba要监控数据&#xff0c;一旦发现钱没有复制到另一A…

.NET 分表分库动态化处理

介绍本期主角:ShardingCore 一款ef-core下高性能、轻量级针对分表分库读写分离的解决方案&#xff0c;具有零依赖、零学习成本、零业务代码入侵我不是efcore怎么办这边肯定有小伙伴要问有没有不是efcore的,我这边很确信的和你讲有并且适应所有的ADO.NET包括sqlhelperShardingCo…

addEventListener 的事件函数的传递【转载】

addEventListener 参数如下&#xff1a; addEventListener(type, listener[, useCapture]); type&#xff0c;事件名称listener&#xff0c;事件处理器useCapture&#xff0c;是否捕获一直把 listener 记成是响应函数&#xff0c;function 类型。相信很多人也是这么理解的。多数…

Android之elevation实现阴影效果

1 需求 需要控件实现阴影效果 2 实现 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"andr…

十、小程序实战 (IVX 快速开发教程)

十、小程序实战 使用小程序完成一个二手信息站点与 WebApp 实现流程类型&#xff0c;只是部分内容使用了微信小程序特有的组件&#xff0c;例如微信登录与 WebApp 略有差别&#xff0c;其它逻辑实现较为类似。我们先制作页面&#xff0c;之后再实现功能。 由于之前已经完成了…

【VB测绘程序设计】第一章 VB测绘程序设计概述

目 录 第一节 测绘程序设计的意义 第二节 程序设计语言的发展 第三节 测绘程序设计语言的选择

类属性和实例属性冲突

类属性和实例属性名字冲突怎么办 修改类属性会导致所有实例访问到的类属性全部都受影响&#xff0c;但是&#xff0c;如果在实例变量上修改类属性会发生什么问题呢&#xff1f;class Person(object):address Earthdef __init__(self, name):self.name namep1 Person(Bob) p2…

源代码下载 第六章 注解式控制器详解

2019独角兽企业重金招聘Python工程师标准>>> 源代码请到附件中下载。 其他下载&#xff1a; 跟着开涛学SpringMVC 第一章源代码下载 第二章 Spring MVC入门 源代码下载 Controller接口控制器详解 源代码下载 源码下载——第四章 Controller接口控制器详解——跟着开…

Android6.0到底有什么不一样

在android 6.0&#xff08;API 23&#xff09;中&#xff0c;Google已经移除了移除了Apache HttpClient相关的类 http://developer.android.com/intl/zh-cn/about/versions/marshmallow/android-6.0-changes.html 本文转自屠夫章哥 51CTO博客&#xff0c;原文链接&#xff1a;…

WPF|快速添加新手引导功能(支持MVVM)

阅读导航前言案例一案例二案例三&#xff08;本文介绍的方式&#xff09;如何使用&#xff1f;控件如何开发的&#xff1f;总结1. 前言案例一站长分享过 眾尋 大佬的一篇 WPF 简易新手引导 一文&#xff0c;新手引导的效果挺不错的&#xff0c;如下图&#xff1a;该文给出的代码…

三、界面介绍(IVX快速手册)

三、集成开发环境界面介绍 通过本节你将了解 iVX 在线集成开发环境 界面&#xff0c;快速建立对 在线集成开发环境 的认识。 文章目录三、集成开发环境界面介绍3.1 界面区域3.2 舞台3.3 组件工具栏3.4 对象树/素材面板3.5 属性面板3.6 菜单面板3.7 逻辑工具面板3.8 辅助工具3.…

Android studio之提示Failed to resolve: com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.46

1、错误提示如下 Failed to resolve: com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.46 Show in Project Structure dialog Affected Modules: app2、解决办法 在project的build.gradle里面加入 maven { url https://jitpack.io }

【VB测绘程序设计】第二章 VB测绘程序基础

第一节 数据类型 VB中提供了以下11中基本的数据类型: 一、数值型 二、字符串 三、日期型 1.界面设计 2. 代码 <

React-引领未来的用户界面开发框架-读书笔记(六)

第12章 服务端渲染 想让搜索引擎抓取到你的站点&#xff0c;服务端渲染这一步不可或缺&#xff0c;服务端渲染还可以提升站点的性能&#xff0c;因为在加载JavaScript脚本的同时&#xff0c;浏览器就可以进行页面渲染。 React的虚拟DOM是其可被用于服务端渲染的关键。首先每个R…

TrimPath - Js模板引擎

当页面中引用template.js文件之后&#xff0c;脚本将创建一个TrimPath对象供你使用。 parseDOMTemplate(elementId,optionalDocument)  //获得模板字符串代码 得到页面中Id为elementId的DOM组件的InnerHTML&#xff0c;将其解析成一个模板&#xff0c;这个返回一个templateOb…