必看提示
项目存放在:https://editor.ivx.cn/owall=1#10699167 有需要的直接可以看着仿
1小时学会不打代码制作一个 页精美简历(1)
1小时,不会代码的我如何完成 易云音乐 大作业 页制作VX 第2篇)
1小时赚300块,不打代码帮人做个吃鸡 页 [IVX实战第3篇]
注:图片资源可以私聊 bit 哥拿~欢迎私聊热心博主 bit 哥哟
一、先看看目标作品才知道要做什么
1.1 为了方便你们赚钱,我介绍一下 IVX 自带的解决方案,分分钟做好一个项目
??小媛:bit 哥,bit 哥,又有人找我接单了,自从上次用了 IVX 接单后感觉我发现了财富密码。??
??1_bit:啥会又想叫我帮你吧。
??小媛:边帮边学,这样我也能进步。??
??1_bit:你又给了一个我无法拒绝的理由。
??小媛:多谢 bit哥。??
??1_bit:这次做什么p>
??小媛:做一个资源共享平台,也就是记录一下软件、视频、图书文档之类的Web系统,然后还要我帮他运营,我想我直接在 ivx 上直接发布就很舒服了,哈哈哈,给个 1000块钱。
??1_bit:行吧,是整个站点,完整的p>
??小媛:是的。
??1_bit:不过你用了那么久 IVX 你知道 IVX 到底是啥吗p>
??1_bit:emmm,看来你就记住这个了;IVX 是一个编程语言。
??小媛:啥码也是语言吗
??1_bit:当然是啊,你不懂手语吗也是语言呀。
??小媛:突然焕然大悟。??
??1_bit:IVX 的特点就是去除了传统代码,使用更为简单的绘制方式绘制应用,并且如果你想要将你绘制的应用转化为代码,那么 IVX 自身带有编译器,或者说有一种解释程序,将你绘制的程序转化为代码,这样你就两者皆可得了,是不是很爽p>
??小媛:哈哈哈,你的意思就是我简简单单就可以得到一个应用和这个应用的代码了p>
??小媛:哈哈哈,是个编程语言。??
??1_bit:我刚刚说了那么多你还不清楚吗 IDE!
??小媛:IDE是啥p>
??小媛:叫做 IDE…??
??1_bit:你终于明白了。所以你这次做的站点,你不是说你要发布在 IVX 私有云上方便维护吗 IVX 连你正式部署的功能都有,当然可以叫做 IDE 了,而且比常规的 IDE 更加强大,懂了吧。
??小媛:懂了懂了,那赶紧开始吧。
??1_bit:为什么方便你赚钱,我跟你说几句秘籍,可能你下次接单可以用得上。
??小媛:啥秘籍p>
??1_bit:IVX 自带解决方案,例如 “企业大中台/WebApp解决方案”、“企业办公OA系统解决方案”、“企业营销/小程序/H5解决方案”、“智能物联 /BI解决方案”、“智能城市/园区解决方案”,你可以直接去 IVX 找,这样就不用麻烦我了,你直接可以用,分分钟赚个几千不香吗p>
??小媛:哈哈哈,你就是不想我找你。
??1_bit:哈哈哈,你还可以说你用 华为、平台、保利等企业的技术给他们做,他们会觉得很实惠的。
??小媛:为啥p>
??1_bit:因为这些平台也在用 IVX,懂了吧p>
??小媛:明白了,我这就去接单,哈哈哈。财富密码财富密码。??
1.2 带着激动的心情正式开始了
??1_bit:好了好了,正式开始吧。那现在给你看看图,我们先做一个首页。
??小媛:嗯,对的,一共需要一个资源标题、展示封面图、这个资源的 址地址和是什么类型的。
??1_bit:最后给你看一下搜索界面。
??小媛:已建好。
??1_bit:然后我们选择屏幕为中屏,在对象树中点击前台前台在左侧的组件栏处点击页面即可新建一个页面,创建好的页面1,重命名为首页。
??1_bit:是的。我们在对象树中选择首页,然后在左侧的组件栏中找到行点击进行添加,重命名这个行为标题。
??小媛:然后在标题中创建一个图片对吧p>
??1_bit:最后我们再这里新建一个行,设置宽度为 50%,然后设置水平对齐为靠右,垂直为居中就可以了,我们这个时候在这个行中创建一个按钮就可以直接靠右显示,我们更改按钮的文本内容以及背景就完成了标题栏的制作。
??小媛:还需要更改一下圆角设置,改小一点就解决了。按钮的属性栏下面,就可以改小值了。 ??
??1_bit:这个时候我们改一下那个页面背景色吧,由于标题栏颜色是白色,背景是爱色不容易图书标题栏的层次,我们现在改一下背景,会很好的突出感觉。
??小媛:我更改了背景色颜色为 #FAF9F8,看起来舒服多了。
??1_bit:接下来我们在内容行中新建两个行,一个行用作存放 ivx 的logo,还有一个搜索框。
??1_bit:接下来呢p>
??小媛:接下来一样,创建一个行,添加一个输入框和一个按钮,设置一下圆角以及他们的宽度、背景色为透明。 ??
??小媛:这步就是一样吗赋值搜索框丢上去就可以了?
??1_bit:简单吧p>
??小媛:其实就是新建一个页叫做结果页,然后改一下背景色为 #FAF9F8 ,然后把之前的标题栏丢过去,然后再把输入框和搜一下按钮赋值进去修改一下大小就可以了。 ??
??1_bit:可以可以,挺好的。那下面怎么做p>
??小媛:都是用到重复的知识,也超级简单,其实就是继续创建一个行重命名为结果块,行里面包含另外一个行重命名为结果块背景,但是这个结果块背景的宽度大小为 80%,外面那个行设置的水平对齐方式为居中,这样就可以居中了,修改内部这个行的背景色为白色,这样就有对比了。
??小媛:其实这个应该就是如下图分析,这是一个列,因为是竖直存放的,这个列会占比一个百分数为整体宽度,而后这个列的第一个元素为一个图片,设置这个图片的宽度为 100%,这样就不会超出行了;随后下一个元素就是一个文本,再之后添加一个行,这个行有 3 个文本,第一个文本为数字,例如 200,第二个文本为浏览,第三个文本为日期;最后为一个行,这个航里面有一个查看按钮,查看按钮存放于整一行的右侧,也就是说设置这个行的水平对齐为右即可。
??小媛:接下来怎么做呢p>
??1_bit:我们点击加 ,就跟 Excel 那样创建这个列的元素有哪些,并且类型是什么;其中第一个数据ID,类型为数值;然后依次创建类型相符的数据,其中浏览也为数值,其它均为字符串。
??1_bit:以上信息中,目标地址为点击后跳转到的资源地址,方面图为图片的地址。
??小媛:明白了。
??1_bit:然后我们可以点击加 ,为这些字段(数据ID这些统称为字段)添加具体的值。
??1_bit:接下来还需要为这些具体内容值绑定数据。接下来我们点击图片,选择素材的地址为循环所产生的内容,在属性面板中选择当前数据1,这个当前数据1指的是循环后得到的当前数据,然后值我们选择为封面图。
3.4 又一个关键点创建服务
??1_bit:接下来我们数据有了,我们为其添加服务,用于读取数据库数据。
??小媛:服务是啥p>
??1_bit:服务就是具体的后台逻辑,我们要什么数据,提取什么数据都需要服务呢。
??小媛:唔,原来如此。
??1_bit:我们点击后台,右侧找到服务进行创建,并且更改服务名为读取数据。
??1_bit:之后我们在服务列表中点击对象选择为资源数据库,选择动作为输出。
??1_bit:这个就很简单了,我们在输出列中选择需要输出的内容,然后在完成回调中设置读取完数据后具体要做什么,只需要选择对象为当前服务,然后自己自定义设置值就ok了;自定义返回结果直接设置返回内容为输出结果,并且结果为对象数组的值就可以了。
??1_bit:简单,选择完显示进行触发后,点击对象选择为我们的读取数据服务,之后在读取服务完成后选择列表对象,进行赋值操作,由于之前循环的内容为这个列表的值,此时就会自动显示你数据库只能够的内容。
3.5 创建资源提交页面及功能实现
??1_bit:接下来我们需要做的是提交新的资源数据了,这样才一直有新的数据录入。
??小媛:激动。
??1_bit:先做个页面吧,标题会做吧p>
??小媛:简简单单,跟之前的内容一样,复制过来添加几个行,简简单单轻轻松松。
??1_bit:之后在接收参数中添加参数,设置参数名称以及参数类型并且改为必填,操作对象已经选择资源数据库,动作选为提交。
??1_bit:是的。我们回到分享数据的界面,为这个按钮添加一个事件。
3.6 临门一脚!完成最后搜索功能
??1_bit:那当然也是创建服务呀,ivx 的服务可是很强大的,不打代码也可以完成后台操作。
??小媛:感受到了,那我具体怎么做呢?
??1_bit:这一步你会觉得意想不到的简单,我们点击读取数据,在读取数据数据服务中添加一个参数,命名为搜索关键字,然后该类型为字符串,再到数据动作中将塞选条件更换为 标题 包含 搜索关键字即可。
??1_bit:当然还需要添加一些别的操作了。我们点击前台,新建一个变量,叫做搜索关键字。
??1_bit:然后在结果页中,找到事件;在我们调用服务动作时自动出现了刚刚我们为该服务添加的参数,将这个参数设置为刚刚那个搜索关键字即可。
??小媛:已经可以了,美滋滋。 ?? ?? ??
零基础真心想学习加我免费指导
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!