前端页面的内容格式

Java后台生成二维码,前端页面调用 二维码三部曲,这三个就可以直接生成二维码了到页面了工具类public class QuickMarkUtil {     /**    37      * 生成包含字符串信息的二维码图片    38      * @param outputStream 文件输出流路径    39      * @param content 二维码携带信息    40      * @param qrCodeSiz... 阅读详情

TaskBuilder可以编辑的前端页面类型分为HTML和tfp(Taskmsg Front Page)两种格式,HTML格式只能用代码编辑器编辑,这种模式基本很少有人用,大家都用tfp格式,因为使用TaskBuilder向导创建的前端页面都是采用的tfp格式,而且这种格式可以可视化编辑,可以大幅提升开发效率,后续文档所说的前端页面默认都是指tfp格式的页面,除非有特定声明。
tfp文件的实际内容为JSON格式,里面包含当前页面的一些设置,包括页面类型、定位方式、终端类型、背景颜色、标题等,然后是各个组件的信息,包括编号、类型、属性、样式、事件等信息,另外,还包括页面的脚本、CSS样式、数据操作配置等信息。在前端页面设计器内,点击底部的“TFP源码”选项卡,可以查看当前页面的tfp代码,如下图所示:
在这里插入图片描述

上面的JSON代码是tfp页面 设计时 的代码,用来保存在TaskBuilder里设计该页面时设置的各种信息,以便每次用TaskBuilder打开该文件时,能根据文件里的内容生成设计时界面。当有客户端访问tfp页面时,任擎会判断在tasgine\web\dist目录内是否已经有该文件编译后的HTML文件,如果已经存在,而且创建时间晚于tfp文件的最后修改时间,则直接将该HTML文件的内容返回给客户端,否则,任擎会对该tfp文件进行编译,生成对应的HTML文件,并将该页面里各种组件所需的js和css文件的代码打包压缩后合并到该HTML文件中,然后将该文件的内容再返回给客户端,客户端(例如Web浏览器)进行加载和显示,这时候的代码称为 运行时 代码,在运行时,页面里的js脚本可以访问页面里的组件并进行控制,实现与用户的交互。

Strapi 富文本内容转 HTML 页面显示:基于 marked.js 的完整实现方案 介绍使用Markdown.js将Strapi富文本内容转换为HTML的解决方案。首先通过CDN引入Markdown.js库,然后调用Strapi接口获取富文本数据,利用marked.parse()方法将Markdown格式转换为HTML,最后插入页面容器展示。文中还提供了代码示例,并强调了版本适配、样式优化、安全防护等注意事项,同时建议可通过内容格式化、响应式设计等方式进一步优化展示效果。该方法简单高效,能快速解决Strapi富文本在前端页面的展示问题。 阅读详情

相关推荐

超详细 Git创建仓库及上传项目至Github操作(Windows系统)

文章目录前言一、Git下载及安装二、创建代码仓库1.配置身份2.创建本地仓库3.提交本地代码三、使用Git上传代码至Github1.创建ssh keys2.在Github中新建仓库3.关联本地仓库与Github仓库4.推送代码至Github仓库总结 前言 本文对于Windows系统上git的安装及基本使用方法进行简单介绍,并介绍如何使用git将仓库中的项目上传至个人的Github中去。内容参考《第一行代码》以及一些博客。 本文适合新手阅读哦~ 一、Git下载及安装 打开网站 git下载 下载安装包(直接

lijianyi0219的博客 2万+

前端基础(一)_前端页面构成

前端页面构成

见贤思齐焉,见不贤内自省 2759

react-native android 识别读取NFC卡信息 唤醒App

实现效果:android手机扫描NFC卡唤醒App,再次扫描识别卡内信息。实现思路:在rn端调用android原生方法获取NFC卡信息,通过android与rn端通信将数据返回rn端 。

前端页面常见的三种页面布局

熟练运用好三种布局,就可以很方便的进行前端页面的制作,练起来吧!

weixin_65030370的博客 669

前端(一)—— HTML

前端 —— HTML的学习

GDYuLuo的博客 2564

vue前端信息详情页模板梳理

vue前端信息详情页模板梳理 前言: 自己总结方便自己用的,觉得有用可以参考使用,欢迎留言提出改进意见。 1.HTML部分: <template xmlns:el-form-item="http://www.w3.org/1999/xhtml"> <el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-page-header content="详情页主题" @back="go

NLH全年无休在加班 2790

html格式标准写法,web前端HTML、CSS书写规范(必记)

1.规范目的:使开发流程规范化,代码简洁、美观。2.文件规范:文件名用英文单词,多个单词用驼峰命名法。例如:MaginLeft...一些浏览器会将含有这些词的作为广告拦截,文件命名、ID、CLASS等所有命名避免以上词汇。例如:ad、ads、adv、banner、sponsor、gg、guangg、guanggao等3.HTML书写规范:为每个HTML页面的第一行添加标准模式(standardmo...

weixin_34526937的博客 2113

List转换成json格式&前端页面获取json格式返回值的内容

List转换json 1、导包(json-lib) 2、书写代码 import java.util.ArrayList; import java.util.List; import org.junit.Test; import net.sf.json.JSONArray; public class List2JsonTest { @Test public vo...

诗酒趁年华 2437

struts2前端 jsp页面 展示内容各种格式汇总

struts2前端 jsp页面 展示内容各种格式汇总 在新公司维护系统,系统是使用struts2 +jsp 开发,刚开始不熟知,返回数据展示问题搞得头大,if:test标签有时候返回字段需要加引号有时又不用,有时候还要#号,搞得我都晕坨坨,现根据查询的文章进行总结一下 二、if:test汇总 1.判断单个字符 <s:if test=“resultMap.username==‘c’.toString()”> 2.判断为数字 <s:if test=“resultMap.ctltyp ==1”

weixin_40620651的博客 256

php本地打开pdf文件_PHP:简单的两行代码,将PDF格式文件内容显示在前端页面上-php文件怎么打开...

前言:本篇讲解在PHP语言中的小技术,将后台PDF格式的文件内容输出到前端页面上。只需两行代码即可成功。如果还需其它的模块,请参考其他详细资料。测试环境XAMPP7.0.2我是在苹果macOS系统,用XAMPP这款软件搭建的PHP开发环境。我用Sublime Text编写的代码。本篇用了最短的代码,讲解PDF格式内容的输出,想必大家都能看得到。XAMPP测试PHP环境软件PHP环测试境搭建XAMP...

weixin_28950015的博客 634

blob格式照片在前端页面的显示

blob格式照片在前端页面的显示 可用img 标签的src请求后台servlet,servlet部分代码如下: response.setContentType( "image/gif "); //如果是gif的图片 int len=blob.length(); //blob为从数据库中读取的blob,如:rs.getBob(0); byte[] image=blob.getBytes(1,len)...

weixin_45684562的博客 3972

layui前端页面table表格怎么格式化转换时间_最全前端学习资料及路线名称网站(强烈收藏)...

IT前端学习资料及路线JQuery文件网 https://code.jquery.com/jquery/jQuery手册(pc端) http://jquery.cuishifeng.cn/jQuery插件之家 http://www.htmleaf.com/Vue文件网 https://cn.vuejs.org/v2/guide/installation.html动态效果插件网 https://ww...

weixin_39906878的博客 252

【无标题】

1、业务需求需要把当前的页面内容转换成word文档格式,寻找了无数次种方法及问各种各样的人工智能,最后都没有找到需要自己的格式,所以使用纯前端格式。2、把你需要的数据先处理完成,然后使用如下图格式的生成一个基础的word文档内容。3、然后使用前端生成格式下载你生成的文档就好了。

zdh1996910的博客 221

前端显示文本时的格式设置

有时,前端页面文字内容需要按照我们输入的格式显示,比如,我们输入换行、空格,这些在文字显示时都需要显示出来。这里有一个较为简单的解决方式 前端显示界面: 代码: <div class="btn-group" role="group" aria-label="..." style="margin-left: 900px"> <button id="editText" type="button" class="btn btn-default">编辑内容</button&g

Noodles小飞 2744

接入deepSeek后,前端如何给“深度思考“内容单独设置样式?

让后端在响应的数据流中加入标识,用来区分 “ 思考内容 ” 还是 “ 回答内容 ”,前端将“ 思考内容 ”截取出来,给 “ 思考内容 ” 加上html标签并添加行内样式生成字符串thinkingStr,然后将“ 回答内容 ”通过第三方库MarkdownIt将markdown转化为html字符串answerStr。最后将thinkingStr+answerStr=currentHTML拼接起来就生成完整且附带样式的html字符串,通过v-html将currentHTML渲染到页面即可。

m0_66986239的博客 4009

Vue导出页面为PDF格式

转自Vue导出页面为PDF格式

konglingnan999的博客 1430

前端】JQ读取本地txt文本内容,并显示到页面

有一个本地txt文件,把txt文件的内容按照原格式显示到页面上。有两种方法,方法一:利用JQ读取文件内容 ,并直接显示到页面上,不带格式;方法二:后端先读取txt文件,取出文本内容,返回给前端,在页面上显示,这种通过字符串替换可以达到原文本样式的效果。

qq_25285531的博客 1235

php mysql数据输出页面前端_php和mysql创建数据表及获取内容渲染到前端页面

本文主要和大家分享php和mysql创建数据表及获取内容渲染到前端页面的方法,希望能帮助到大家。1. mysql命令行创建数据表(表结构):源码:create table myValues(id int(4) not null primary key auto_increment,name char(20) not null,year int(20) not null,sex char(20) n...

weixin_35774805的博客 702

vue 中将前端页面转为 pdf

**功能背景:**前天接到了需求,就是项目里面下载pdf ,以前也做过,不过是后台给个链接,我用a标签装一下就好了,现在要在前端直接下载,也不调用后台接口。 工具:html2canvas 、jspdf 下载:cnpm install html2canvas jspdf --save 1.项目里面建一个js文件夹 // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsPDF from 'jspdf' export default {

aInkFish的博客 1741

Web前端开发——格式化文本与段落(上)

网页内容的排版包括文本格式化、段落格式化和整个页面格式化,这是设计个网页的基础。文本格式化标记分为字体标记、文字修饰标记。字体标记和文字修饰标记包括对于字体样式的一些特殊修改。段落格式化标记分为段落标记、换行记、水平分隔线标记等。

wslsnyn的博客 1095
上一篇: TaskBuilder低代码开发必须的三种文件—后台服务文件
下一篇: 前端页面基本信息设置
Nodejs_home
博客等级 码龄7年 218粉丝 81原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值