网站动效怎么设计软件(推荐)3篇

2024年网站动效怎么设计软件 篇1

亲身体验！我看到很多人用电脑和用手机一样，隔一段时间总会出现一大堆莫名其妙的软件，然后他还一脸无辜的说，我什么都没动，怎么满屏都是软件，不知所措。

不管是新手还是老手，很多时候一不小心就中招了，那怎么防止电脑自动添加软件及广告呢？下面给出几招：1、远离360、2345、电脑管家等杀毒软件

俗话说“请神容易送神难”，很多人就怕自己电脑中病毒、被攻击了，于是拿到电脑的第一步就是弄个360安全卫士，殊不知360这类软件就是最大的“病毒”。

360的安全性能毋庸置疑，但是360非常吃性能，会拖慢电脑。2345卫士、QQ电脑管家也类似，所以电脑没出啥问题之前都不建议安装，现在win10自带的安全防护级别也很高了，完全没必要再加一个。

如果只是简单的安全卫士还好，用过安全软件的都知道，总会提示你防护级别不够，提示你下载另一个软件提示防护级别，要是一不注意，就把360浏览器、小鸟桌面、软件管家、一键加速等大礼包一股脑倒出来，整个桌面都是全家桶。QQ跟2345也差不多，反正都想把主流工具换成他们家的。

还是以360为例，你不下载安全浏览器，但是浏览器的主页会被劫持，搜索引擎也会换成360搜索，真的太流氓了。所以非必要情况，真的真的不要安装这些杀毒软件，只要自己平时没有去浏览一些不该看的网站，那就完全用不着这玩意，偶尔用了也建议把自启动关掉，要清理电脑的时候再打开，不要一直占资源。

2、尽量用电脑自带软件，相对干净清爽许多

目前我知道的软件牛皮癣有两个，一个搜狗输入法，时不时弹出一点广告来（360相关的壁纸软件、浏览器也有，右下角、全屏、甚至睡眠桌面都不放过，各种广告），另外就是Adobe Flash插件，这被一家国产软件公司代理后，其广告也是关不完。

如果非要用这两个软件，那建议安装一个火绒安全软件，安装包很小，很安静，拦截广告很不错，顺带还有点安全防护作用。3、下载软件、安装软件一定要擦亮眼睛

如果是常用软件，那一定要去官网。不要看到有官网二字的就认为是官网，凡是带“广告”的都不是，一般官网都比较简洁干净，如果进去各种套路，下载还要安装这安装哪的，那都不是。

另外，下载软件后，安装的时候也要注意，很多时候点击安装完成的下面有好几个小图标，一不注意就下载几个软件出来。特别是系统之家、下载之家等网站的尤其需要注意。这种套路是最常见的，跟360一类的软件捆绑相似，一不注意就下载好几个软件出来。

总之一句话，下载软件尽量去官网，能不下载的就不下载。在下载和安装的时候擦亮眼睛，哪些套路多的、捆绑多的一定要注意。如果实在下载了第一时间去系统设置里卸载干净，不要放任不管。

2024年网站动效怎么设计软件 篇2

网站制作软件包括：

一、菜鸟级网页制作软件

如果你是一个网页制作初学者，那么让FrontPage带你走进那绚丽多彩的网页制作世界吧！

①Microsoft FrontPage

如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

小编注：虽然介绍是这样说，但是小编我从来没有用过这款软件，我是直接就学了DreamWeaver，下面看介绍。

二、中级网页制作软件

如果你对网页设计已经有了一定的基础，对HTML脚本语言又有一定的了解，那么DreamWeaver是你不二的选择。

①DreamWeaver

自制动态HTML动画的网页

DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

~ 1 / 4 ~

小编注：对于初入门的人来说，这款软件还是有学的必要，以后对你制作div+css页面很有帮助，当时你必须结合学习以下三种脚本：html，css和javascript。因为这篇文章主要介绍软件，所以对脚本我就不多所，大家自己百度找教材看，比如搜索：html入门。

②Fireworks，第一款彻底为Web制作者们设计的图片处理软件。

Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！

小编注：处理网页图片必备，大家好好学习。

③Flash，让你的网页动起来

Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。有人曾经说过：下个世纪的网络设计人不会用FLASH，必将被淘汰出局！这句话在2012年之前应该说是对的，不过随着html5和css3技术的发展，加上智能手机基本都不支持flash了，所以Flash的光彩已经不如当年了，但是这不妨碍我们学习了解它。

小编注：做动画不是你会用软件就可以了，还需要有点创意才行，小编我就没有一点创意，所以现在做动画都是淘宝花几十元钱请人做。

三、高级网页制作软件

如果你要成为一个专业网站制作人员，那么有必须会一门网站开发语言，为什么呢？？我们发现没有，很多网站有留言功能，有会员注册，登陆等功能，这些功能可以保存用户的数据，资料，这就是通过编程技术实现的。网站主流编程语言有asp、php和asp.net,其中asp微软停止更新支持了，不建议学，php或asp.net是现在主流的编程语言，小编我学的是asp.net，当然php也很流行，大家可以自己百度了解一下这两个语言区别，挑一个来学习就可以了，不用两个都学，学好一个就够了。

~ 2 / 4 ~

为什么还要要有一个高级网页制作软件呢？比如我们开发asp.net，高手一般都是用计事本来编写，然后保存为aspx页面，但是对于新手来说，建议用一个编程软件，这些软件可以有很强的提示功能，比如你语法写错，会提示你，这样可以更好学习和提高，下面介绍开发asp.net软件。

①Microsoft Visual Studio

该系列的版本有：2003、2005、2008和未来的版本；是美国微软公司的开发工具包系列产品。 这款软件主要用来进行asp.net编程，就是制作aspx动态页面，可以让你在编写asp.net代码时候提高效率。

如果你要从事网站制作这个行业，上面说到的几款软件和脚本（html,css，javascript)，编程知识(php或asp.net)都必须去学习，尤其是脚本和编程必须学精。

但是...为什么又要说但是呢？因为我发现很多想做网站的朋友并不是想进入网站制作行业，只是给自己，或自己的公司做一个网站，如果为此你要花费1年半载去学习上面那么多东西，有点小题大做了，那不会上面这些软件，怎么做网站呢？下面举个例子。

比如A公司要做一个网站，会花钱请网络公司去做，做好后网络公司把网站上传到主机服务器上，然后提供一个后台地址，管理账户和密码给A公司的网站管理人员，网站管理人员可以登录这个后台去修改公司介绍，发布产品，发布一些新闻等等。

有人要问了，我是不是也要请网络公司给做一个网站呢？答案是No，我们可以去网上找一些现成的网站程序也来，这些网站程序实际就是一个制作好的网站，我们去下载下来上传到我们主机上，然后我们通过后台地址，账户和密码登陆后台去修改成我们自己的内容即可。

网站程序很多，但是真正能用的很少，小编这里介绍几款国内比较出名的网站程序给大家，根据你要制作的网站类型去选择，具体下载地址自己百度搜索就可以下载。

通用网站程序：适合做门户，学校，政府，企业这类网站，主要有下面三个。

~ 3 / 4 ~

1、PageAdmin系统 2、Drupal系统 3、Joomla! 系统

论坛程序：做论然用的，主要有下面2个

1、Discuz系统 2、Phpwind系统

商城程序：用来做在线购物网站

1、Ecshop 2、ShopEX

博客程序：用来做个人博客

1、Wordpress 2、BO-blog 3、P-blog

不同系统都针对不同类型的网站，用户下载下来后可以根据系统环境要求在本地配置环境来运行，本地不会配置的朋友也可以购买符合系统环境要求的虚拟主机上传到主机上安装，每种系统官方网站都会有详细的环境要求及使用教程，一般新手学习和熟悉一个系统功能大概要花费几天时间，熟悉功能后就可以很轻松的制作出自己需要的网站。

扩展阅读：

如何把做好的网站（或下载的程序）发布到互联网上

网站做好后我们需要发布到网上，然后通过域名任何人可以都访问，我们就需要做下面几步：

1、申请域名，就是注册一个网址（百度一下域名注册，选择一家你认为不错的注册就可以了。）

2、购买网站空间，有称为虚拟主机，用来放网站文件。（一般注册域名的公司都会同是提供网站空间服务）

购买好网站空间后就可以把你网站上传上去，这样其他人就可以通过域名来访问你的网站了，如果你不会上传不要紧张，让你空间服务商演示一下怎么上传，以后你就会明白了。

3、网站备案

国家要求国内任何一个网站必须进行工信部ICP备案，这个可以让你主机商给你代备案，一般都是免费的，你只需要提供资料给他们就可以。

做完上面步骤。别人就就可以通过域名来访问你的网站了，制作过程中会碰到各种各样的问题，不懂的地方可以百度找答案，或者咨询你的服务商，或者咨询你使用的网站系统的开发公司（这些系统一般都会有论坛提供交流协助），不要急于求成，当你学会这些后你会发现原来制作一个网站其实很简单。

2024年网站动效怎么设计软件 篇3

随着低代码概念的火热，相关的技术及产品也是层出不穷，不管是老牌行业软件厂商还是开放平台厂商，不论是互联网行业企业SAAS软件新动向还是新兴的低代码创新产品服务,都在第一时间打出了低代码这张牌。各个平台虽然各有优势，但大多又是自成体系，真正在企业方面进行选择时却一时难以抉择。对于低代码平台的功能评价，以及各平台组件间的互联互通则成为了市场上迫切需求。

在刚刚过去的2022年，在平台互联互通的方面，阿里在第二季度推出开源引擎 “LowCodeEngin”，国家队信通院也应市场需求在第四季度推出了《低代码开发平台通用技术要求》，针对低代码相关概念以及功能点新型了进一步的规范和梳理。

在全面开放的大背景下，CodeBee团队，推出了基于开源LGPL协议 低代码引擎（LowCodeEngine）。

二，产品组成

低代码引擎，由界面设计器、OneCode通码框架以及，DSM领域建模工具 三部分支撑体系相互支撑的部分来组成，通过开放标准的组件协议完成相互继承支持。

(1) 视图设计器引擎

设计器，采用的是拖拽引擎+插件的构造模型，用户可以通过开放的低代码协议编写插件。支持JS和JAVA两种扩展语言。样式构建提供了标准CSS3编辑器，支持事件动作以及函数动态扩展。支持自定义函数库扩展，支持阿里字体图片等资源库。

（2）OneCode通码编辑器：

OneCode,是一款为低代码语言定制的统一语法体系，采用Java语言作为原生语言，运行在JVM环境中，用户可以通过Java语言与低代码应用进行交互，也可以通过Java语言完成引擎插件，调用代码引擎完成编译部署应用。

（3）DSMEngine领域建模：

DSMEngine 是独立于设计器的OneCode建模工具，平台采用领域建模模型，支持仓储管理、聚合应用，以及CodeFactory输出为OneCode代码编译输出。

DSM模型支持三种建模模式：

（1）CodeFrist 代码优先模式

通过Java语言 OneCode 模式原生撰写。

（2）ViewFrist 视图优先

通过视图引擎拖拽完成前期的交互模型，反向完成DSM模型。

（3）ModuleFrist 模型优先

通过数据库,微服务接口等模式，构建基础模型。

DSM逆向转换

通过不同方式完成的DSM模型，可以通过OneCode 在视图、Code 、以及Module 三种方式之间自由切换，利用相关工具完成仿真调试以及部署运行。

DSM第三方语言转换

DSM出码模块采用了独立的模板架构，除了可以以OneCode形式存在，还可以支持独立的出码模块定制独立的第三方语言模型输出。

三，设计器引擎介绍（1）功能概览

（2）设计器布局

设计器引擎是低代码引擎前端的SDK,面向开发人员，他本身不是一套可以适应所有人的低代码平台，而是技术开发人员可以通过扩展插件，周边生态，完成自身业务的定制，实现协同办公，CRM客户管理、物联网平台等通过低代码能力赋能业务系统（3）物料库

"物料"：低代码引擎的核心目的之一是建设跨行业的低代码框架，而每个行业由于其应用的领域不同，使用的人员以及方法方式不同，在一些底层组件方面会有会有加大差距。比如：政府业务中会大量使用的非规则表单元素，企业应用中各个行业自有的图标体系，物联网行业大量的设备图标图片以及实时联网图。（4）组件库

组件定义：可以用于低代码平台的组件，包含了搭建体验增强配置，可以在设计器中 进行拖拽、配置等操作。有两种分类方式：按照场景可以分为基础组件、业务组件、图 表组件、布局组件和复合组件等。通常用户可以自主完成相关设定，并根据业务特点在视图引擎中进行自行扩展（后续章节中会演示实际注册示例）

组件通常是一组完成特定功能的可交互组件，根据不同的引擎模式，在引擎中完成加载渲染配置。

配置示例

Code转换

组件调试导入

（5）支撑管理

公共资源导入

（6）样式体系

DOM树透视样式盒

DOM树透视

添加图片注释，不超过 140 字（可选）

配图示例代码

{ "alias":"BuildTreeTreeView", "key":"xui.UI.TreeView", "host":this, "properties":{ "name":"BuildTreeTreeGrid", "items":[ { "borderType":"none", "caption":"JAVA树", "dynDestory":false, "hidden":false, "id":"getBuildTree", "imageClass":"bpmfont bpmgongzuoliuxitongpeizhi", "tagVar":{ } } ], "iniFold":false, "dynDestory":true }, "CS":{ "KEY":{ "color":"#000000", "font-weight":"lighter", "border-radius":"0px 2px 0px 0px" }, "BAR":{ "font-family":"tahoma,geneva,sans-serif" } } }

动态样式盒

添加图片注释，不超过 140 字（可选）

代码配置示例

{ "alias":"xui_ui_cssbox1", "key":"xui.UI.CSSBox", "host":this, "properties":{ "className":"xui-css-ame", "normalStatus":{ "color":"#eeeeee", "border-radius":"6px", "box-shadow":"inset 0px 1px 0px #87C1DD", "text-shadow":"0 1px 0 #297192", "$gradient":{ "stops":[ { "pos":"0%", "clr":"#4BA3CC" }, { "pos":"70%", "clr":"#3289B2" } ], "type":"linear", "orient":"T" }, "cursor":"pointer", "border-top":"solid #3899C6 1px", "border-right":"solid #3899C6 1px", "border-bottom":"solid #3899C6 1px", "border-left":"solid #3899C6 1px" }, "hoverStatus":{ "border-radius":"0px 3px 0px 0px" } } }（7）事件框架

添加图片注释，不超过 140 字（可选）

配置代码示例：

{ "alias":"BuildTreeTreeView", "key":"xui.UI.TreeView", "host":this, "properties":{ "name":"BuildTreeTreeGrid", "items":[ { "borderType":"none", "caption":"JAVA树", "dynDestory":false, "hidden":false, "id":"getBuildTree", "imageClass":"bpmfont bpmgongzuoliuxitongpeizhi", "tagVar":{ } } ], "iniFold":false, "dynDestory":true }, "events":{ //获取数据 "onGetContent":{ "actions":[ { "args":[ "{page.ReloadChild.setQueryData()}", null, null, "{args[1].tagVar}", "" ], "desc":"设置扩展参数", "method":"setQueryData", "redirection":"other:callback:call", "target":"ReloadChild", "type":"control" } ] }, //数据项选择 "onItemSelected":{ "actions":[ { "args":[ "{args[1].id}" ], "conditions":[ { "symbol":"non-empty", "right":"", "conditionId":"_nonempty_{args[1].className}", "left":"{args[1].className}" } ], "desc":"删除存在页", "method":"removeItems", "target":"BuildTreeTab", "type":"control" } ] } } }（8）动作调用

功能概览

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

配置实例代码：

{ "args":[ "{page.ReloadChild.setQueryData()}", null, null, "{args[1].tagVar}", "" ], "desc":"设置扩展参数", "method":"setQueryData", "redirection":"other:callback:call", "target":"ReloadChild", "type":"control" }, { "args":[ "{page.ReloadChild.invoke()}", "temp", null, "{args[2]}" ], "desc":"子节点装载", "method":"invoke", "redirection":"other:callback:call", "return":false, "target":"ReloadChild", "type":"control" } ] }（9）插件体系

插件是嵌入到设计器的内置管理功能，不同于业务组件，插件更多的是系统极的扩展功能。在实际应用中也比较常见，如系统运行期我们要根据用户不同显示不同内容数据，这就需要权限插件来完成，而业务用户在使用过程也会涉及到大量的业务和数据的流转功能而这些功能则需要动态的来管理页面的属性，甚至动态生成注入页面。这就需要流程插件来辅助完成。 在实际开发过程中特别是真实项目的工程开发时，我们往往要针对工程方面的进行很多的宏操作比如批量的修改特定组件样式，按特定条件检索复制组件特性，自动添加动作等等。这些都需要类似的宏插件来完成，OneCode 在整合后端运行以及服务部署方面也是按插件体系来规范的。分别针对，DSM建模提供了DSM插件，发布管理及运行提供了OPS插件, API整合方面提供了代理服务器插件，系统插件部分采用全开源方式共有需要的用户自行修改方便用户后期可以参照插件体系来修改自身的插件体系。

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

四，OneCode中后台

OneCode 本身基于JAVA语言体系，是在Java Spring 注解基础上的一套扩展子集，可以在普通额Java程序中通过添加注解，来实现前后台与低代码引擎的交互处理。（1）渲染原理

（2）示例展示

添加图片注释，不超过 140 字（可选）（3）完整模块OneCode

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

@Controller @RequestMapping("/admin/org/person/") @MethodChinaName(cname = "人员管理", imageClass = "spafont spa-icon-login") @Aggregation(sourceClass = PersonService.class) public class PersonAPI { @RequestMapping(method = RequestMethod.POST, value = "Persons") @GridViewAnnotation() @ModuleAnnotation( caption = "人员列表") @APIEventAnnotation(autoRun = true, bindMenu = {CustomMenuItem.reload}) @ResponseBody public ListResultModel<List<PersonGridView>> getPersons(String orgId) { ListResultModel<List<PersonGridView>> resultModel = new ListResultModel<List<PersonGridView>>(); List<Person> personList = new ArrayList<>(); try { personList = getService().getPersons(orgId); resultModel = PageUtil.getDefaultPageList(personList, PersonGridView.class); } catch (Exception e) { e.printStackTrace(); } return resultModel; } @MethodChinaName(cname = "人员信息") @RequestMapping(method = RequestMethod.POST, value = "PersonInfo") @NavGroupViewAnnotation() @APIEventAnnotation(callback = {CustomCallBack.ReloadParent, CustomCallBack.Close}, bindMenu = {CustomMenuItem.editor}) @DialogAnnotation @ModuleAnnotation(caption = "编辑人员信息", width = "800", height = "550") @ResponseBody public ResultModel<PersonNav> getPersonInfo(String personId) { ResultModel<PersonNav> resultModel = new ResultModel<PersonNav>(); return resultModel; } @MethodChinaName(cname = "添加人员") @RequestMapping(method = RequestMethod.POST, value = "AddPersonView") @FormViewAnnotation @APIEventAnnotation(bindMenu = {CustomMenuItem.add}, autoRun = true) @Disabled @ModuleAnnotation( caption = "添加人员信息", width = "370", height = "260") @ResponseBody public ResultModel<AddPerson> AddPerson(String orgId) { ResultModel<AddPerson> resultModel = new ResultModel<AddPerson>(); CtPerson person = new CtPerson(); person.setOrgId(orgId); resultModel.setData(new AddPerson(person)); return resultModel; } @MethodChinaName(cname = "保存成员信息") @RequestMapping(value = {"savePerson"}, method = {RequestMethod.GET, RequestMethod.POST}) @APIEventAnnotation(callback = {CustomCallBack.ReloadParent, CustomCallBack.Close}, bindMenu = CustomMenuItem.save) public @ResponseBody ResultModel<Boolean> savePerson(@RequestBody CtPerson person) { ResultModel<Boolean> userStatusInfo = new ResultModel<Boolean>(); getService().savePerson(person); return userStatusInfo; } @MethodChinaName(cname = "删除人员") @RequestMapping(value = {"delPerson"}, method = {RequestMethod.GET, RequestMethod.POST}) @APIEventAnnotation(callback = {CustomCallBack.Reload, CustomCallBack.ReloadParent}, bindMenu = CustomMenuItem.delete) public @ResponseBody ResultModel<Boolean> delPerson(String iD) { ResultModel<Boolean> userStatusInfo = new ResultModel<Boolean>(); getService().delPerson(iD); return userStatusInfo; } PersonService getService() { return EsbUtil.parExpression(PersonService.class); } } @PageBar // @GridAnnotation(event = CustomGridEvent.editor, customService = PersonService.class, customMenu = {GridMenu.Add, GridMenu.Delete, GridMenu.Reload}) public class PersonGridView { @CustomAnnotation(pid = true, hidden = true) String orgId; @CustomAnnotation(pid = true, hidden = true) String roleId; @CustomAnnotation(uid = true, hidden = true) String iD; @CustomAnnotation(caption = "用户名称", required = true) String name; @CustomAnnotation(caption = "账户信息", required = true) String account; @CustomAnnotation(caption = "邮箱") String email; @InputAnnotation(inputType = InputType.password) @CustomAnnotation(caption = "密码", required = true) String password; @CustomAnnotation(caption = "手机") String mobile; @CustomAnnotation(caption = "部门名称") String orgName; public PersonGridView(Person person) { this.iD = person.getID(); this.orgId = person.getOrgId(); this.name = person.getName(); this.account = person.getAccount(); this.password = person.getPassword(); this.mobile = person.getMobile(); this.email = person.getEmail(); Org org = null; try { org = OrgManagerFactory.getOrgManager().getOrgByID(person.getOrgId()); this.orgName = org.getName(); } catch (OrgNotFoundException e) { e.printStackTrace(); } } } @BottomBarMenu @FormAnnotation(bottombarMenu = {CustomFormMenu.Save, CustomFormMenu.Close}, customService = PersonService.class, col = 1) public class AddPerson { @CustomAnnotation(uid = true, hidden = true) String iD; @CustomAnnotation(caption = "用户名称", required = true) String name; @CustomAnnotation(pid = true, hidden = true) String orgId; @CustomAnnotation(pid = true, hidden = true) String roleId; @CustomAnnotation(caption = "账户信息", required = true) String account; @CustomAnnotation(caption = "邮箱") String email; @InputAnnotation(inputType= InputType.password) @CustomAnnotation(caption = "密码", required = true) String password; @CustomAnnotation(caption = "手机") String mobile; public AddPerson(Person person) { this.iD = person.getID(); this.orgId = person.getOrgId(); this.name = person.getName(); this.account = person.getAccount(); this.password = person.getPassword(); this.mobile = person.getMobile(); this.email = person.getEmail(); } }

（五）DSM建模工具

DSM建模，百度百科是这样定义的：

特定域建模（Domain-specific modeling，DSM），是一种设计和开发系统（如电脑软件）的软件工程方法学。它系统使用图形化特定域语言（DSL），表现系统的各个方面。DSM的语言倾向于支持比通用建模语言更高级别的抽象，因此需要较少的努力和更少的底层细节来描述特定系统。

低代码技术应用可以通过提供更强的工具，提升程序员的代码效率。但其本质上也是一种特定场景下的软件描述方法，这个层面上低码技术和DSM思想是有其相通相同之处的，产品在设计之初就将DSM建模语言的构建以及工具支撑作为了底层支撑设计，将应用中积累的建模应用采用DSM的思想进行重构整合在底层打通。

我们将现有的资源类的工具，统一到仓库应用中，包括统一的物料库导入，统一的数据源（数据库，外部存储）管理。并通代码工厂的辅助构建统一到Contenxt(OneCode)的当前环境技术模型中。在各个特定的业务模型中，完成独立的聚合实体整合，以及相应的服务管理，并为相关的方法模型透视管理服务。在OneCode 的基础之上，摆脱传统的 代码模板与生成机制。实现代码向模型的逆向能力。将DSM设计能贯穿整个项目开发实施管理过程，打造结余真实的代码之上的建模语言。（1）仓储建模

（2）聚合应用

（3）视图工厂

（4）支撑域

添加图片注释，不超过 140 字（可选）（5）流程建模

添加图片注释，不超过 140 字（可选）六，应用集成（1）内核最小集合集成（JS离线应用）

设计器内核完全采用JS脚本完成，是独立的前端框架。内核版本包括：RAD 页面设计编辑器，xui运行运行脚本两部分。

添加图片注释，不超过 140 字（可选）

最小集合仅包含，页面设计及器以及插件框架。

设计界面集成：

下载开源包后，运行debug.html 即可打开编辑器。

添加图片注释，不超过 140 字（可选）

集成到自由应用时只需要，引入两个关键的js lib包即可集成到自有的应用。

<script type="text/javascript" src="/RAD/xui.js"></script> <script type="text/javascript" src="/RAD/index.js"></script> <script type="text/javascript"> var lang = (function () { var dft = 'zh-cn', map = { 'en-us': 'en', 'zh-cn': 'cn' }, n = navigator, l = (n.language || n.browserLanguage || '').toLowerCase(); return map[l] || map[dft]; })(); xui.include("xui.Locale." + lang + '.doc', "/RAD/Locale/" + lang + ".js", function () { xui.Module.load('RAD', function () { SPA = this; }, lang); });

运行支撑环境集成：打开：

设计完成的文件再应用环境中引入如下代码即可

<script type="text/javascript" src="/xui/js/xui-all.js"></script> <script type="text/javascript" src="./xuiconf.js"></script> <script type="text/javascript" src="/xui/Locale/cn.js"></script>（2）团队协作版

团队协作版是独立的服务器部署版，在官网上申请账号后，可以在独立的服务器上运行。启动后通过浏览器访问 http://demoserver:83 用管理员 sysadmin 登录：

首次登录 会进入默认的工程配置界面

配置工程

关联API

设定团队管理员