七、文章管理页面及功能实现《iVX低代码/无代码个人博客制作》

注:iVX也有免费直播课《第八期直播课》

一、文章管理页页面制作

文章管理页的基本结构与首页类似,我们复制一个首页,并且重命名首页的名称为文章管理页:
在这里插入图片描述
在这里插入图片描述
我们接着删除如下图所框选部分内容:

接着重命名导航为内容:
在这里插入图片描述
删除多余的内容留下一个文本并且将文本内容更改成位置列表:
在这里插入图片描述
接着需要更改内容行的属性,使其行可以自动换行并且设置裁剪为 y 轴:
在这里插入图片描述
接着在内容行下创建一个行命名为文章:
在这里插入图片描述
设置文章的高度为包裹:
在这里插入图片描述
接着在文章中添加两个行,一个叫做左一个叫做右,左用于添加对应的左侧文章标题,右对应的添加删除和编辑按钮:
在这里插入图片描述
若想使这两个行能够在一行显示,我们需要设置左右两行的宽度总和为 100%,左行设置宽度为80%,右行设置宽度为 20%,并且由于行自带高度还需要设置高度为包裹:
在这里插入图片描述

此时由于文章文本并没有占据整行,在此需要设置这个文本的宽度为 100%,使其占满整行内容:
在这里插入图片描述
接着设置左行的文本内容为文章标题,设置文本宽度为100%:
在这里插入图片描述
接着在右行设置两个按钮,一个用于文章删除一个用于文章编辑:
在这里插入图片描述
统一设置他们的圆角取消、宽度100%,以及文本更改:
在这里插入图片描述

二、文章删除功能实现

删除文章一般并不是真正的在数据库中对数据进行删除,我们一般使用一个字段标记内容是否删除,在此我们在文章中设置一个字段为“是否删除”:
在这里插入图片描述
接着更改数据库值,0为正常,1为删除:
在这里插入图片描述
接着创建一个服务命名为删除文章,根据传递过来的ID值更改是否删除列的值:
在这里插入图片描述
接着在服务中接收一个参数命名为删除ID,随后在逻辑中选择对应的数据库,随后选择数据库进行有条件的字段更新,设置对应的是否删除为1即可,如果更新成功返回1表示成功否则直接返回失败原因即可:
在这里插入图片描述

三、获取当前作者文章

此时要删除文章数据我们还需要获取当前作者的文章数据,新建一个服务,通过传递一个昵称来获取当前用户的文章内容(最好直接判断当前登录用户):
在这里插入图片描述
此时直接通过传递一个昵称获取跟昵称对应的发布作者文章即可。

接着我们直接更改当前页面的事件即可:
在这里插入图片描述
接着我们创建一个 for 循环把文章行放入其中:
在这里插入图片描述
设置循环创建的数据来源为当前页面中的文章数据:
在这里插入图片描述
接着给文本绑定内容:
在这里插入图片描述
随后给予删除按钮事件,点击后调用服务即可:
在这里插入图片描述
那么此时完成后还需要对应的在当前页面做出响应,直接在当前页面循环文章的文章数据对象数组中删除对应 ID 的一行数据即可,所以此时在完成删除动作后,判断是否成功,如果成功就删除对象数组的内容即可:
在这里插入图片描述
此时我们预览页面成功的查看到元素,接着直接点击删除查看是否有效果:
在这里插入图片描述
点击删除后内容空白,成功完成:
在这里插入图片描述
接着到数据库中更改当前删除的标记为0,咱们此时需要重新给予获取当前用户的文章一个条件,还需要判断文章是否删除,此时更改获取服务:
在这里插入图片描述

四、文章编辑页及功能制作

接着我们复制一个文章发布页作为文章编辑页:
在这里插入图片描述
重命名该页,并且更新发布按钮为更新:
在这里插入图片描述
接着创建一个编辑ID变量存储选择编辑的文章:
在这里插入图片描述
回到管理页,当我们点击了编辑后,跳转到文章编辑页时应该给予编辑ID为点击的文章ID,并且跳转页面:
在这里插入图片描述
随后在文章编辑页创建一个变量存储详情数据,并且给予对应的列名:
在这里插入图片描述
接着给予当前编辑页显示时间,显示时直接调用之前编写的详情服务,传入对应ID之后用详情对象数组存储对应的返回值即可:
在这里插入图片描述
接着我们为页面中的容器绑定值:
在这里插入图片描述
接着创建一个服务为更新内容,接收标题、内容和ID为参数,通过ID进行内容更新:
在这里插入图片描述
最后给更新事件添加服务,传入对应参数即可:
在这里插入图片描述
最后我们更改标题:
在这里插入图片描述
点击更新之后成功更新:在这里插入图片描述
最后首页显示内容已更改:
在这里插入图片描述

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

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

相关文章

Android 发起加入QQ群、打开网址、启动拨打电话界面

/****************** 发起添加群流程。 ** param key 由官网生成的key* return 返回true表示呼起手Q成功,返回fals表示呼起失败******************/public static void joinQQGroup(Activity _this, String key){Intent intent new Intent();intent.setData(Ur…

C语言试题三十二之编写函数function,它的功能是:将一个字符串转换为一个整数(不得调用c语言提供的将字符串转换为整数的函数)。

📃个人主页:个人主页 🔥系列专栏:C语言试题200例目录 💬推荐一款刷算法、笔试、面经、拿大公司offer神器 👉 点击跳转进入网站 ✅作者简介:大家好,我是码莎拉蒂,CSDN博客专家(全站排名Top 50),阿里云博客专家、51CTO博客专家、华为云享专家 1、题目 请编写函数…

【ArcGIS风暴】ArcGIS快捷键大全

使用快捷键能提高工作效率,本文总结了ArcGIS快捷键大全。当然了,为了个性化定制,也可以在ArcGIS中自定义快捷键。 扩展阅读: 【ArcGIS微课1000例】0015:ArcGIS如何创建/自定义快捷键? 文章目录 1. 访问 ArcMap 菜单命令2. 窗口操纵3. 刷新或暂停地图绘制4. 通过拖放进行…

游戏引擎cocos2d-android使用大全

做手机游戏需要三个核心的类,即:SurfaceView,SurfaceHolder,Thread。帧数要在30帧左右是最好的。 cocos2d游戏引擎 封装好的框架,可直接使用 cocos2d-android (用java编程) 导演:控…

禁用CMFCRibbonApplicationButton的单击和双击事件

为了禁用CMFCRibbonApplicationButton的单击和双击事件,我重载了CMFCRibbonApplicationButton如下: 1. MyRibbonApplicationButton.h文件内容: #pragma once class CMyRibbonApplicationButton : public CMFCRibbonApplicationButton{public: CMyRibbonA…

.net core 抛异常对性能影响的求证之路

一、前言在.net 社区中曾经听到过很多关于大量抛异常会影响性能这样的结论,心中一直就存在各种疑问。项目中使用自定义异常来处理业务很爽,但是又担心大量抛业务异常存在性能问题。查阅了各种文档,微软官方对性能优化这一块也不建议使用过多的…

Android Bootloader LittleKernel的两篇文章 【转】

转自:http://blog.csdn.net/loongembedded/article/details/41747523 2014-12-05 14:37 3599人阅读 评论(2) 收藏 举报分类:Android Bootloader(68) Android 开发之 ---- bootloader (LK) LK是什么 LK 是 L…

Android Fragment 监听返回键

直接给代码*-* Fragment: public boolean onKeyDown(int keyCode, KeyEvent event){if ((keyCode KeyEvent.KEYCODE_BACK)){//执行操作((MainActivity) Objects.requireNonNull(getActivity())).viewPager.setCurrentItem(3); }return true;} MainActivity&#…

C语言试题三十三之比较两个字符串的长度,(不得调用c语言提供的求字符串长度的函数),函数返回较长的字符串。若两个字符串长度相同,则返回第一个字符串。

📃个人主页:个人主页 🔥系列专栏:C语言试题200例目录 💬推荐一款刷算法、笔试、面经、拿大公司offer神器 👉 点击跳转进入网站 ✅作者简介:大家好,我是码莎拉蒂,CSDN博客专家(全站排名Top 50),阿里云博客专家、51CTO博客专家、华为云享专家 1、题目 请编写函数…

一、首页第一个首页栏制作【仿淘票票系统前后端完全制作(除支付外)】

首页一共分为3个页面,分别是首页: 影院: 我的: 一、标题头制作 首先我们新建一个 web 相对应用,随后点击前台,在前台新建一个页面: 接着给予这个页面一个背景色: 为了使页面…

【CASS精品教程】Win 10操作系统CAD 2006+CASS 7.1安装图文经典教程(附安装包下载)

目前大多数机器的操作系统是Win10,然而Win10系统下安装软件就不如Win XP或Win 7下那么顺畅。作为一个GISer,软件的熟练安装是基本功,因此本文就以Win0系统为例,演示CAD 2006+CASS 7.1的安装过程,文末附CAD 2006+CASS 7.1安装包下载。 目录 一、软件准备: 1. CAD 2006 2…

teamviewer 过期解决办法

teamviewer 过期解决办法 参考资料: http://blog.csdn.net/z249683156/article/details/41842271posted on 2015-12-21 13:32 雪山看雪 阅读(...) 评论(...) 编辑 收藏 转载于:https://www.cnblogs.com/zker/p/5063164.html

静态 非静态代码块和构造器的执行顺序测试方法

public class Test { static{ System.out.println("静态区"); } { System.out.println("非静态!"); } private int i; public Test(int i) { super(); this.i i; } public Test() { System.out.println("构造器!!&…

C# 11 更加实用的 nameof

C# 11 更加实用的 nameofIntro从 C# 6.0 开始,我们可以开始使用 nameof 来引用参数名称,在可能使用 nameof 的地方,一般都推荐使用以便于重构时的自动更新,在之前的 C# 版本中,如果想要在方法参数中或者方法 attribute…

【玩转SQLite系列】目录收藏

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010785585/article/details/53326323 转载请注明出处:http://blog.csdn.net/linglongxin24/article/details/53326323 本文出自【DylanAndroid的博客】 【玩转S…

二、首页影院/我的 栏制作《仿淘票票系统前后端完全制作(除支付外)》

页面效果,影院内容: 我的页分为登录、注册、我的,如果登录了那么就显示我的页面否则显示登录页。 登录页: 我的页: 一、标题头部制作 接着我们点击影院,发现当前页内容为空: 我们的影院页…

C语言试题三十四之求除1到m之内(含m)能北7或11整除的所有整数放在数组a中,通过n返回这些数的个数。

📃个人主页:个人主页 🔥系列专栏:C语言试题200例目录 💬推荐一款刷算法、笔试、面经、拿大公司offer神器 👉 点击跳转进入网站 ✅作者简介:大家好,我是码莎拉蒂,CSDN博客专家(全站排名Top 50),阿里云博客专家、51CTO博客专家、华为云享专家 1、题目 请编写一个…

【数据库系统经典案例】销售系统数据库分析及完整实现过程

文章目录 一、产品表以及产品添加更新二、顾客管理三、销售记帐四、统计问题一、产品表以及产品添加更新 GOODLUCK的产品表:PRODUCTS(PNO,PNAME,PR,QTY) 从该表可以知: PNO->PNAME、PR、QTY 所以这个表只能按产品编号增加行,也就是说:有新产品了,可以在这个表中…

------shell学习

dd #!/bin/bash echo Hello World!array(a b 3 "ch") for i in array;doecho ${array[i]} doneecho ${array[*]} echo ${#array[]} #--------------------------------------- vers$(uname -r) #括号表示括号里面的内容先执行 等同于反引号 echo ${vers} read -p &qu…

PPT如何让多对象排列整齐

在某幻灯片上插入了多个对象,如果希望快速让它们排列整齐,按住Ctrl键,依次单击需要排列的对象,再选择“绘图-对齐或分布”,最后在排列方式列表中任选一种合适的排列方式就可实现多个对象间隔均匀的整齐排列。 本文转自…