WebAssembly前瞻及用C/C++写HTML和Hanjst汉吉斯特

2019年12月16日,北京下了今冬第二场雪❄️,不大不小。

年终岁尾,国际上几大软件及互联网公司(Google、Microsoft、Apple和Mozilla)拉上互联网标准化机构W3C发布了 Web Assembly的推荐标准( -R/t2SS )。此举意味着,WebAssembly技术从遮遮掩掩的实验室后台走向前台,开始面向大众,尤其是开发者进行推广应用。

  1. Web Assembly推出背景猜测

Assembly 字面上的解释是,  “a group of people gathered together in one place for a common purpose”,一群人为一个共同的目标聚集到一个地方。Web Assembly的目标简略地说,就是将 C/C++/Rust 这些编程语言写的程序能够运行在上面那几大公司到网页浏览器中(Google Chrome,Microsoft Edge,Apple Safari 和 Mozilla Firefox)。目前在网页上流行的编程语言 JavaScript 将迎来或是帮手,抑或是对手的Web Assembly。

时光倒回到约10年前, HTML5 标准刚推出来时,其首要的任务是丰富 HTML 或者说 网页应用,使之能够承载其由“内容展示平台”向“应用承载平台”转变的重任(此前 -人民网 内部研究报告)。在这之前,一直是 Adoble Flash努力地奋斗着。 HTML5 贡献了一大批新颖的功能,网页告别第一代只能做内容展示的功能受限版。

HTML5 带来了浏览器/网页作为“应用承载平台”的大发展。不想中途出现了“应用商店”App的怪胎,一下子将互联网前进的步伐打回到PC单机时代,要用个什么软件都需要下载、安装,这明显与互联互通都发展趋势是相背离的。信息孤岛逐渐形成,互联网的继续发展不是加速信息的流动,相反是加剧了信息的不对称,不流通。

这既有商业层面的利益考虑,也有技术层面的制肘,网页应用计算力弱,体验不好,安全有问题等等,一时局面甚是尴尬,有几个应用商店,一个应用就需要开发几个不同的版本。信息在各个APp之间逐渐扎起篱笆,这些与互联网先驱们的让信息更加流畅地流动的理念渐行渐远。

直到  WeAssembly的推出,或许是扭转时局的契机之一。HTML5将网页由“内容展示平台”升级到“应用承载平台”,WebAssembly或将进一步升级优化”应用承载平台”,从根本上消除网页应用与本地应用之间到性能差异。从而实现“Open and Run”, 而不是 “Open 、Download、Install and Run”,实现“Write once, run anyway”, 而不是“Write once more,run once more”。

在 WebAssembly之前,也有类似的探索, 如 asm.js , 甚至上 Java的 Applet 都是希望将编译后的程序能够在浏览器中安全高效地运行,现在看之前的努力并不算成功,希望这次能有所不同而获得预期效果。 

2. WebAssembly的直觉体验

对 WebAssembly 的直觉体验:由 hello.c 到 hello.html 

$ mkdir hello
$ cd hello
$ cat << EOF > hello.c #include <stdio.h> int main(int argc, char ** argv) { printf("Hello, world!\n"); } EOF
$ emcc hello.c -o hello.html

可以预见,大量必需由 C/C++/Rust 写的程序将有可能轻松移植到浏览器以网页应用的形式交付,极大地改变了软件研发及交付的方式方法。

3. Web Assembly的发展前瞻

3.1. WebAssembly 可能不会取代 JavaScript
而只是对其的互补,在 JavaScript 短板之处寻找其发展空间,展现其优势。

3.2. 客户端软件App
单独为特定平台写App的需求将降低,网页应用将逐渐实现跨平台,并与本地应用相一致的体验和性能。有望实现网页应用一版通天下。单独写iOS客户端,Windows客户端,或者Andorid客户端的开发人员,可能需要着手学习使用 WebAssembly。

前景是美好的,预计Native App还将存在相当长时间,并存与网页应用,并逐渐转为小众领域的特定开发。

3.3. C/C++/Rust 走向前端
古老的C/C++等编程语言将应用范围扩展到前端,从而实现真正意义上到跨平台。用 C/C++等写HTML网页,将不再是互联网上的笑话。
如此以来,为解决 C/C++ 写不了网页HTML而诞生等解决方案或者编程语言等,是否也就过时了? 或者意义不大了?

如果 C/C++ 能写网页,还需要用 ASP.NET/PHP/Perl/Python或者Java 来写 HTML应用吗?或许需要,因为有大量类库已经开发,或许需要,还有其他更多完整的生态考虑。但有一点确认的是, WebAssembly的推出,引发我们对这样对问题的重新审视和思考。

3.4. 网页应用
网页应用开发人员需要熟悉新情况,有了新增的屠龙刀,也要善加利用才能将其设计功效发挥出来。

JavaScript 有了 Web Assembly的加持和增强,其性能或有进一步的提升,可供用来设计的应用软件将进一步的扩增,体验或将更好。

得益于 JavaScript进步,也得益于Web Assembly的推出,依赖于其上 Hanjst 汉吉斯特模版语言及引擎将运行更快,体验更好。我们将着手针对这些新特性进行优化。

Hanjst.js 已经投入不少使用。

Hanjst.was / Hanjst.wasm 也将开始研发,为追求更极致的性能和体验,Hanjst 或将以 C/C++/Rust 编写,然后经编译后,引入到浏览器中进行运行。

3.5. 网络应用开发框架 Web Framework

如前所述,既然Web Assembly的原生代码可以工作在服务器端,而编译后的.wasm 可以运行在客户端浏览器中,那么开发网络应用的方式方法势必要受此影响而有所改变。

因此,可以预见,通用网络应用架构GWA2,或将以此为契机进行改造升级,推出 GWA2 in Assembly 或者 GWA2 in C / GWA2 in C++, 又或者是 GWA2 in Rust. 

至于最终实现的是  GWA2 的哪个新版本,可能要结合 Web Assembly推广应用普及到一定阶段之后才能有某种趋势判断或定论。


 


Hanjst是一种基于JavaScript的模板语言及解析引擎,她运行在客户端/服务器端。

Hanjst能够表述逻辑控制,能够实现与服务器端模版语言相同的功能。

  • Hanjst当完全在客户端解析时,节省服务器端计算资源;

  • Hanjst模板语言独立,不与服务器端资源做任何绑定;

  • 纯粹的MVC,层间数据用JSON格式传递;

  • 常见模板语言功能全支持,附带复杂而强大的JavaScript编程能力;

  • 无学习成本,直接使用JavaScript书写模板语言;

  • ….

Hanjst is a JavaScript-based templating language and parsing engine that runs on both the client-side and/or server-side.

Hanjst can express logical control and achieve the same functionality as the server-side templating languages.

  • Hanjst’s Run-time in client-side, reduce computing render in server-side;

  • Hanjst is Language-independent, not-bound with back-end scripts or languages;

  • Totally-isolated between MVC, data transfer with JSON;

  • Full-support template tags with built-in logic and customized JavaScript functions;

  • No more tags languages to be learned, just JavaScript;

  • ….

 

发表在 -Hanjst/-汉吉斯特, 编程技术, 计算机技术 | 标签为 , , , | 留下评论

亮月亮科技Apache SoftwaresPdf DriveOpenAI ChatGPT

gMIS吉密斯i18n多语言国际化更新

gMIS吉密斯部署和使用范围日益扩大,跨国多语言版本成为迫切需要的功能,早在2018年年中就考虑要增加这一功能——在gMIS吉密斯中实现多语言版本的支持。以期实现gMIS吉密斯的跨行业、跨地区和国际化多语言的广谱应用目标。

经过一段时间的密集开发、测试,目前gMIS吉密斯i18n多语言国际化更新已经完成。其中过程比预料的长,修改完善难度比预想的大,涉及到的修改模块也较多,兹记录备忘于此。

1. 基于GWA2的多国语言包设计

gMIS的开发框架是 GWA2吉娃兔,GWA2本身有跨语言的版本实现,如GWA2 Java, GWA2PHP,GWA2Perl等编程语言版本。gMIS所依赖的GWA2的编程语言版本为GWA2PHP,所以gMIS的多语言实现也是继承和扩展了 GWA2PHP(吉娃兔的PHP版本)的多语言开发模式。

在GWA2PHP的多国语言版本多实现中,主要依靠如下设施。

语言模块对象:
mod/language.class.php
其主要方法是实例化 Language.class 并加载语言包文件;同时提供按 lang_key 进行相应翻译的操作方法;

语言包文件:
lang/language.pkg.zh_CN.json,
lang/language.pkg.en_US.json,
lang/language.pkg.ja_JP.json,

全局变量:
全局实例化 $lang 语言包对象,并在全局范围内可以访问。
同时对当前语言环境进行探测,对语言版本环境对探测又进一步地区分为有显式的语言版本参数如 “&lang=zh” 等,或者使用隐式的语言环境参数来判断当前应该加载哪种语言包。

输出 $lang 到模板引擎:
$data[‘$lang’][‘lang_key’] = $lang->get(‘lang_key’);
如此以来,便可在 模版文件中以 {$lang[‘lang_key’]} 多方式进行访问。
后面会进一步地详细描述。

2. Module类或Controler类PHP程序中调用语言包对象

在gMIS中,普通PHP文件中对多语言对象多访问形式如下:

print $lang->get(‘lang_key’);

该语句将输出按当前语言配置所加载语言包对应多 lang_key 所指向的语言版本相应的内容,其中语言对象 $lang 是全局变量,可以在任意 controller文件中进行调用。类似地,在Module模块类中,需要更多的修改,在Module模块类的声明创建和实例化时,引入全局变量语言包对象。

如在 mod/abc.class.php 的文件中,传递 $lang 对象:

public function __construct($args, $lang=null);

为后向兼容,也可以不安全或不推荐地直接使用全局变量 $ lang :

public function _myFunc(){
    return if($lang){ $lang->get(‘lang_key’); }
}

 

3. HTML模板文件中调用

gMIS 在设计和实现 GWA2 PHP 时,完整地继承了 GWA2 的 MVC,因此,作为兼容和后续扩展,gMIS的大部分视图文件,都以模版文件都方式呈现。

在国际化多语言的扩展中,我们需要在模版引擎中增加对语言对象的输出,形如:
$data[‘lang’][‘lang_key’] = ‘lang_value’;

然后在模版文件中使用如下方式增加对 lang_key 的调用:
{$lang[‘lang_key’]}

 

4. JavaScript脚本中调用

由于 gMIS 在设计上采用了高效的 Ajax 技术,页面进行了局部或部分的更新。这在多语言环境中,可能涉及到需要将相应的标签字符进行多语言翻译。
基于这种考虑,我们在 ido.php 进行加载时,输出 userinfo.$lang 全局变量,在其中以 JSON 方式将待翻译的语言标签输出到 JavaScript中,从而使得当我们需要在 JavaScript 调用相应的语言标签时,能够进行顺利的调用,进而显示合适的语言版本给终端用户。

userinfo.$lang = {“lang_key”:”lang_value”, “”:””};

在 JavaScript 实际调用中:

let buttonValue = userinfo.$lang[‘lang_key’];

 

5.  XML/JSON数据表配置文件中调用

gMIS强大对可扩展性和伸缩性依赖于我们所涉及对元数据与用户数据对隔离,而实现元数据与用户数据对融合操作对就是我们对gMIS表数据处理引擎。

在gMIS,我们针对每一张被管理的数据表创建了一个表格属性描述文件,该属性描述文件以配置文件xml格式存储在 xml子目录下。当目标数据表被加载时,数据处理引擎将读取配置文件,以属性描述文件定义的各种格式将用户数据呈现出来。

在这一过程中,显然,如果我们在属性描述文件中有关于国际化多语言的内容标签,就需要一并也要创建对应的语言版本的属性描述文件。基于这些考虑,我们将xml文件的国际化多语言修改形如下:

xml/abctbl.xml –> xml/abctbl.en_US.xml 
xml/abctbl.xml –> xml/abctbl.zh_CN.xml
xml/abctbl.xml –> xml/abctbl.ja_JP.xml
….

默认情况下,如果某个数据表efgtbl没有 xml/efgtbl.xml 属性描述文件,则使用系统默认的形式将用户数据显示出来;也是默认的,如果某个数据表 efgtbl 的某个国际化语言版本 xml/efgtbl.zh_CN.xml 没有被创建出来,系统依然鲁棒地使用默认配置将用户数据用默认语言版本呈现出来。

6. lang_key /value 的设计与规划

gMIS 国际化多语言的语言包文件的设计采用通用数据交换文件格式 JSON。在多语言标签设计时,将标签按如下分类进行设置:每个标签键名称以下划线分割的多段英文字符隔空。每段表示不同的层级。
样例如下:
navi_xxxx,
func_xxxx,
form_xxxx,
user_xxxx,
func_importxlsx,
func_importxlsx_hint,
navi_help_company,
navi_help_company_faq,
….

7. 国际化多语言使用者/开发者社区

gMIS吉密斯源码早几年前已开源在 -github 上,然而由于没有进行国际化多语言操作,开发和使用仅限于中文环境,随着这次国际化多语言的完善,gMIS的开发将迎来更多非中文开发者和使用者。

这将为gMIS吉密斯的发展壮大注入更加强大而持续的动力,为gMIS吉密斯由管理后台进化为管控操作系统做进一步地准备。

对非中文母语的开发者而言,源代码中没有了写死的常量“中文”字符, 修改代码不再有障碍;gMIS吉密斯的代码将得到全球范围内的开发者的审阅、修订和完善。

对于非中文母语的使用者而言,可以通过在首页的使用语言切换功能,快速切换为自己熟悉的语言界面. 从而为gMIS带来全世界的用户。使用范围将进一步地扩大到全球范围。

从而实现了gMIS的跨行业、跨地区和跨语言的全新时代。


2019-11-04,山东威海国际机场。


-gMIS (general Management Information System,吉密斯) 是一种基于 -GWA2 (General Web Application Architecture,吉娃兔) 的通用管理信息系统应用软件,具有可配置的输入和输出接口、开箱即用等特征。
可以在其上构建各种信息管理应用软件系统,例如:
内容管理系统(CMS), 客户资源管理(CRM), 企业资源计划管理(ERP),
办公自动化系统(OA)等, 以及各种行业应用管理系统软件,例如:
人力资源管理系统(HR),学生管理,档案管理,旅游管理,图书管理,
商品管理及业务运营支撑系统(BOSS)等等。
实现零代码开发、快速搭建各种管理信息系统(MIS, Management Information System).

-gMIS is a -GWA2 based Management Information System (MIS) software with characteristics like configurable input and output interfaces, open-box-to-use.
Various management application software systems can be built on it, such as
Content Management System (CMS), Customer Resource Management (CRM), Enterprise Resource Planning Management (ERP),
Office automation systems (OA), as well as different industry application management system softwares, such as
Human Resource Management System (HR), Student Management, Archive Management, Tourism Management, Book Management,
Commodity management and business operations support systems (BOSS), etc.
With zero code development, -gMIS can build a set of management information systems (MIS) software in a few minutes.

Lower Costs, 
Better Productivity.
降低成本,
提高效率.

 

 

发表在 -gMIS, -GWA2, 编程技术, 计算机技术 | 标签为 , , , , | 3条评论

UfqiNews有福常在Google Books亮月亮科技Apache Softwares

UfqiNews有福新闻的第N+1批次更新:清晰,流畅,省电

UfqiNews有福新闻自推出以来,一直持续更新、优化升级,作为一款带来全新新闻阅读体验的资讯应用,已经日益成熟,浏览量也日渐攀升。

近日针对 UfqiNews有福新闻的升级改进包括如下方面。

1. UI调整优化,清晰易读的页面导航

改进页面导航,调整优化明晰的跳转指示:

UfqiNews利用各种方向的箭头,类似物理世界的导航一样,简单明了。
而且在不同的操作系统平台上,如 iOS, Android后者WIndows中,不同的箭头又以各自平台的UI特色显示出来,
与本地风格融合更好。
.
 

2. +分享功能,简单易用的新闻分享

为便于用户将页面分享出去,尤其是分享到各个社交网站,UfqiNews增加 ShareThis 分享按钮。

用户可以很方便地通过页面底部使用 ShareThis 将当前页面分享出去。

+  点击 AddToFav 或 Ctrl+D  52次转发  

通过 ShareThis 按钮可以直接链接到 数十种社交网站。

3. 调整缓存策略,页面加载更快,link prefetch/preload

UfqiNews在有限的计算资源和带宽资源下,尽快地加载并呈现页面,一直是我们的技术团队努力的方向。 在这方面UfqiNews近期的主要努力包括:
1) 改进资源文件:图片、样式表CSS和脚本程序Scripts的缓存机制,使得这些资源在一个会话时间段内,只需首次从服务器下载并缓存到本地后,在该时段内,后面的页面加载时,这些资源文件都将从浏览器的本地缓存中自动加载,而无需每次从服务器端下载。
这将极大地改进页面加载速度。在资源类文件的 HTTP返回中,增加如下 HTTP headers.

HTTP/1.1 200 OK
Date: Sat, 14 Sep 2019 01:36:17 GMT
Last-Modified: Mon, 30 Jul 2018 08:59:19 GMT
ETag: “e2a-57233ad3e67c0”
Cache-Control: max-age=604800
Expires: Sat, 21 Sep 2019 01:36:17 GMT

2) 使用 link preload/prefetch 指令进行预加载
在支持预加载指令的浏览器中,UfqiNews使用 link preload / prefetch 指令,对接下来即将浏览的页面或资源进行自动加载。如在 list页面,自动加载 下一个 page; 在新闻详情页面,自动加载下一个 item,如此以来,当用户进行翻阅下一页时,页面将会实现秒开。

4. 重构爬虫引擎,抓取采集更节能

UfqiNews在生产端,有一个设计复杂的新闻爬虫系统,主要负责从各大新闻站点,将当地、当天最热门的新闻条目抓取回来。抓取回来的新闻页面内容进一步地使用自然语言处理技术对这些新闻条目进行分析,然后分门别类地列如到相应的类目下,供进一步地读取调用和使用。

这一页面抓取及分析系统,是分布式的计算系统,最早的设计其内容的流转是依靠NFS系统作为页面文件的承载服务。

(UfqiNews页面抓取系统/爬虫系统)

UfqiNews的分布式系统支持将这一爬虫系统部署成为一主多从的结构,可以同时启动N多个Node,而每个Node里又可以启动M多个进程。从而形成强大的页面抓取能力,及时并行处理N*M个新闻页面。

像所有的分布式系统一样,UfqiNews需要有一种机制或者队列能保证数据的一致性,UfqiNews依赖NFS的网络文件分享机制,将内容和页面队列写入到一个NFS文件中,并且顺序读取,从而保证了页面读取的一致性。

在单个NOde上并行运行M个进程时,NFS及内容读写磁盘系统,都需要以来文件IO来实现,一个偶尔的机会,当我们观测到跑在VmWare虚拟机中的耗电量在Windows的 Task Manager 中的“Power Usage” 和 “Power usage trend” 都为“Very high”, 进一步地分析发现,导致耗电量非常高,是由于 UfqiNews的生产爬虫系统的缘故。

(UfqiNews生产系统耗电量分析)

这种耗电量的现象,我们觉得是不可接受的,既不绿色,也不环保。而且其背后更深层次的原因也好理解,频繁地文件IO读写访问,一定是要高频度地调用设备驱动,进行实际磁盘操作。

在此之前,我们在review 目前的设计时,也觉得,依赖NFS并非长久之计,也非上上之选,只是觉得应该改进优化,这次发现UfqiNews如此高耗能,成为压垮骆驼的最后一根稻草,必须对UfqiNews的文件IO及其队列做进一步的优化改进了。

最早的设计中,我们希望构建一套网络服务,用于存储在 UfqiNews运转过程中的数据,类似 AED Server这种的设计与操作。这次在对UfqiNews进行重构设计时,我们发现问题的焦点在某种服务对文件IO的接管,也即无论是页面队列,还是新闻页面内容,将写入文件的内容,存储到内存或者某个中间服务时,用完即可删除。

这种场景用 AED Server 是合适的,将页面内容或者页面队列存储到 AED Server 中去,可以满足需求,同时,也可以看到,类似的需求,与常规的”缓存“服务也很相似。

沿着这一思路,我们考虑使用 Memcached 或者 Redis 来接管真实的文件IO,或可解决目前的问题。于是我们就使用该方法对 UfqiNews的爬虫系统进行优化完善。

在凡是需要读写操作文件IO时,均改为读写 Memcached 的服务,对于页面内容,直接存取即可。 对于页面队列,则需要使用数组的形式,对其中的内容做动态更新,放入新生成的条目,同时丢弃已经处理完了的条目。

经过几周的断续修改和调整,我们逐渐将 UfqiNews 的爬虫系统中的过程内容的文件IO全部替换为读写 Memcached ,Ufqinews的运行时耗电量也从 “Very high” 逐步降低下来。

Very high — High — Moderate — Low — Very low

尽管目前没有定量的数据,但Windows系统中的这个耗电量5级划分应该是有一定的依据的,而是次优化调整,也真切地显示出来。

作为软件编程技术人员,我们一直在谈论算法改进,程序优化,但改进前后效果对比如此立竿见影天壤之别的情况,还很少见,体会也没有如此强烈。

5. +内容链接静态化,优化SEO,对搜索引擎索引更加友好

针对页面链接地址做进一步的调整,增加如下两个快捷链接到主要页面:

1)列表页面, list.123,456.html , 指向原来的 ./?pnskwordid=123,456

2) 内容详情页面, page.1234.html  , 指向原来的 ./?mod=rdr&pgid=1234

改进后,伪静态页面将根据有利于搜索引擎的抓取和页面分析。

 


ufqinews logo
有福新闻 UfqiNews

这里呈现热点全局, 尺寸间一览所有令人关注的疑点焦点;
这里表达条分缕析, 视野内一睹各个脉络清晰的故事主线.

有福新闻UfqiNews 带来全新的资讯阅览体验, 不信息过载, 亦不信息茧房.

在寻求最大社会共识和满足千人千面之间谋取平衡,
在满足广泛涉猎与追求术业专攻之间谋取平衡.

媒介插上人工智能的翅膀将如虎添翼, 与资讯比翼双飞.

新闻爱好者的良心之选, 匠心之作.

UfqiNews presents the hot spots globally, with all interesting points at a glance.
Information is organized here and there is a clear storyline within every single detail.

UfqiNews brings a brand new reading experience, no information overload and no information Cocoons,

In seeking a balance of the maximum social consensus and meeting thousands of people for each interest,
In achieving a balance between satisfying a wide range of hunting and pursuing specialization in the industry.

That media is being born with wings of the artificial intelligence will be even more powerful and the information will fly swifter than ever.

Better choices of newsreaders and the art of work from them.

 

发表在 UfqiNews有福新闻, 服务器运维, 社会生活, 编程技术, 计算机技术 | 标签为 , , , , , | 3条评论

Pdf DriveOpenAI ChatGPT

汉吉斯特Hanjst模板语言及引擎在线文档Doc&API首发

经过一段时间的梳理总结、精心编制,汉吉斯特Hanjst在线文档和API已经完成初版,并发布在 //wadelau.github.io 上,为方便检索和使用,兹列目录如下,供查询、使用。


 

汉吉斯特Hanjst概述

Hanjst标志

Hanjst是一个Han J ava S cript T emplate,它是HTML和Web的模板语言和引擎。

“ 汉吉斯特 ”是 Hanjst 的中文名称。

入门

Hanjst是什么?为什么?

安装

配置

调试

快速开始

杂项

Hanjst为模板设计人员

基本语法

变量和修饰符

功能函数指令

内置功能

自定义功能

Hanjst在服务器端运行

Node.js

Hanjst为后端开发人员

Hanjst 对象类

服务器端替换

JSON中的数据

资源

路径

脚本

第三方类库

图片

高速缓存

随时可用样例

搜索引擎优化

标题,描述和关键字

链接

文本内容

 


在线文档目前没有中文版,只有English Version,以下是 English Version 的目录列表。


. . .


Contents in English Version


 

Hanjst Overview

Hanjst Logo

Hanjst is an Han JavaScript Template, and its language and engine for HTML and Web.

汉吉斯特” is its Chinese name.

Get Started

What is Hanjst and Why?

Installation

Configurations

Debugging

Quick Start

Misc.

Hanjst for Templates Designers

Basic Syntax

Variables and Modifiers

Functions

Built-in Functions

Custom Functions

Hanjst Run in Server-side

Node.js

Hanjst for Back-end Developers

Hanjst Class

Server-side Replacements

Data in JSON

Resources

Paths

Scripts

Third-party Libraries

Images

Caching

A Ready-to-go

Search Engine Optimization

Title, Description and Keyword

Links

Plain Contents

 




Hanjst是一种基于JavaScript的模板语言及解析引擎,她运行在客户端/服务器端。

Hanjst能够表述逻辑控制,能够实现与服务器端模块语言相同的功能。

  • Hanjst当完全在客户端解析时,节省服务器端计算资源;

  • Hanjst模板语言独立,不与服务器端资源做任何绑定;

  • 纯粹的MVC,层间数据用JSON格式传递;

  • 常见模板语言功能全支持,附带复杂而强大的JavaScript编程能力;

  • 无学习成本,直接使用JavaScript书写模板语言;

  • ….

Hanjst is a JavaScript-based templating language and parsing engine that runs on both the client-side and/or server-side.

Hanjst can express logical control and achieve the same functionality as the server-side templating languages.

  • Hanjst’s Run-time in client-side, reduce computing render in server-side;

  • Hanjst is Language-independent, not-bound with back-end scripts or languages;

  • Totally-isolated between MVC, data transfer with JSON;

  • Full-support template tags with built-in logic and customized JavaScript functions;

  • No more tags languages to be learned, just JavaScript;

  • ….

 


河北-张家口,千米高原,天高云淡,西北风烈,酒肉香混.

 

发表在 -Hanjst/-汉吉斯特, 编程技术, 计算机技术 | 标签为 , , , , , | 2条评论

Pdf DriveOpenAI ChatGPT

☘ gMIS吉密斯优化升级:+工作区,可读性异常信息,异步删除等

“年与时驰,意与日去,遂成枯落,多不接世,悲守穷庐,将复何及!” 

—- 诸葛亮《诫子书》

gMIS吉密斯近期进行了较大幅度的优化升级,功能增强改进,感谢大家对 gMIS吉密斯开源社区的捐赠,这些支持使得 gMIS吉密斯 能够日益成熟而稳定、健壮而强大。诸葛先生的训诫之词,言犹在耳,未敢懈怠。

这批次 gMIS吉密斯的更新主要包括如下内容,记录备忘如下,以期后续结集成书时参考备查。

  • 1)增加工作区概念(workspace), 多个物理上、逻辑上相互隔离的区域,一套系统管理N多个信息管理系统;

gMIS吉密斯 自今起,开始支持工作区 workspace的功能。

工作区 Workspace 往往与项目、地区、主题等密切相关,gMIS 增加工作区的主要考虑是为了满足如下设想的工作场景。

我们认为在一个大型的企事业单位的组织中,随着数字化、信息化的不断投入与持续升级改进,其数字资产会深入地细化、细分,从一个10人团队的一个数据库开始,会逐渐升级改进扩展为2个数据库,4个数据库,10个,20个,甚至是200个数据库。

这些数据库及其数据都需要管理,管理数据信息,就需要安装 gMIS,有多少数据库要管理就安装多少套 gMIS吗?

答案显然不是。首先, gMIS 支持一套系统管理N多数据库,参考:“-gMIS 中操作同时并发操作和管理多个数据库multiple databases” (-R/x12SV )。通过这种方式, gMIS 可以轻易地管理其这些数据库。其次,平行地复制或并行多套一样的系统,对IT运维团队来说是灾难,如果有这样的需求,首选的方案应该是负载均衡等。

之所有要考虑引入WorkSpace工作区,是要管理两个以上并行的 gMIS 实例数据库,比如,在一个单位中,人事系统、财务系统、购销存系统,系统分别独立运行,而不是揉和在一个系统内。这样情况下,平行复制 gMIS 是方案,而引入工作区workspace 则是更好的方案。

gMIS 工作区(workspace)

在用户登录系统时,给出待登录的工作区选择,当用户选择给定工作区(如上图HR工作区、ERP工作区或者CRM工作区)时, gMIS按设置加载给定工作区的数据库,进行认证;用户通过权限认证后,将本次会话的工作区信息写入用户身份数据,按指定工作区加载指定的数据,进行后续数据操作工作。

  • 2)增加对只读模式下对功能菜单调整,去掉“新增”,”导入Xls”等;

gMIS吉密斯在设计时会考虑两种情况无法对一个数据表对象进行“写入”操作:1)访问权限设置系统里,如果针对当前用户或者用户组是受限的,则无法进行写入;2)数据表对象本身具有“只读”属性,比如针对所有用户,“操作日志”记录表就设置了无法删除。

针对不具有写入权限的数据表对象,程序增加了判断,去掉了那些针对当前用户和场景无法使用的菜单选项,比如“新增”,“编辑” 或者“导入Xls”等操作。这样既避免用户误操作,也让界面现得清爽。

  • 3)在 comm/tblconf 里修正对Unique index的探测;

gMIS 在装载当前数据表对象的数据之前,通常需要对该数据表的元数据进行解析。这项解析工作包括目标数据表,有哪些字段,每个字段的数据类型等,同时也检查字段之间的关系等,如哪些字段是唯一键,哪些是组合约束键等。

本次改动主要是优化改进了 MySQL 数据库作为后端数据时,检查以 MUL 为标记的组合约束键。

  • 4)列表行删除数据时,不再刷新页面进行UI更新,改进为通过JavaScript前端删除;

关于删除的改进优化,gMIS吉密斯一直未停止。

早前在2015年,我们受 Microsoft Windows 延迟删除的改进启发,增加了针对数据删除,由必需点击“确认”改进到“延迟”数秒进行无确认删除:“删除确认、删除异步及删除延时,delete confirm,aysnc and delay” (-R/62SS )。

在2015的这次改进中,被删除的数据会被打上标记,比如变灰色,等下次刷新时,整个页面再做刷新,这样做的目的是节省因为删除数据而进行一次数据请求和与服务器的通信,将数据交互的量级降到最低。

持续地改进,在多数数据操作人员眼里,删除就应该立即移除掉,而不是打上删除标记等下次页面刷新。这次改进,当数据通信与服务器通信正常时,会使用JavaScript动态的将所删除的数据行从当前UI视图中移除掉,而不进行整个页面刷新。

这样既实现了立即移除掉的目的,也再次地坚持了“降低成本、提升效率”的设计和实践原则。

  • 5)列表页选择框下拉选择即时递交,不再等复合条件查询,改一步复合查询为多步叠加条件;

gMIS 内置的增强数据表头,提供了功能强大的搜索及排序功能。

在条件设置上,列出所有可能经常用到的列表字段供筛选时使用; 同时,在每一个具体的筛选字段上,又提供数种可供操作的操作符供选择,如数值型的字段提供了等于、大于、小于和值域区间等,而字符型字段则提供了等于、包括、以其开头、以其结尾和不包括等选择项,可谓十分丰富和强大。

在组合条件设置三上,同时提供了“并且”和“或者”两种模式,前者是满足所有条件的数据,后者是满足其中一项的数据记录。

这些足以满足通常情况下数据操作人员对待检索数据的所有筛选设想。这次改进的地方是当用户选择了“选择性”的字段的某个“选择项”时,即时递交数据筛选请求,不再等待点击“并搜”或“或搜”再进行筛选条件的组合。

  • 6)输入数据异常时, 给出具体而详细的出错信息;

作为管理信息系统应用软件,录入数据是很常规的操作,对常规数据的校验,主要依赖 gMIS内置的 GTAjax在前端进行。 GTAjax 在前端页面通过 JavaScript在递交前,检查当前数据录入表单的各项是否符合预期。

这在一般情况下是够用的,但有时一些异常是在后台数据库写入时才能发现的,比如常见的写入时异常就包括,唯一键冲突;再者,在做二次定制开发时,开发人员可能没有主动意识或者要求针对某些字段需要增加基于 GTAjax的数据校验。针对这样的异常,此前 gMIS 会报错成写入失败,并请用户重试。但可供管理用户深入核对的信息不够详细。

Hanjst 更新优化报错信息定位到行数 (-R/52SQ ) 的升级优化启发,我们觉得可以在 gMIS 里也能够实现在数据保存异常时,给出详细而具体的信息定位。

于是我们改写了 act/doaddmodi 的返回输出内容,当数据报错异常发生时,通过解析数据库的返回错误代码或者程序错误代码,进一步地解读成普通数据操作人员能够理解并定位到的语句内容,通过 JSON方式返回给前端,进一步地展示给数据操作人员。

如此详细而具体的异常描述信息将有助于数据操作人员快速找到问题并解决,正是生动地实践了 gMIS吉密斯的 “降低成本、提高效率” 的初衷。

  • 7)增加 “导入Excel” 数据表功能,与此前已有的 “导出Excel” 形成闭环.

gMIS 一直希望能“降低成本、提升效率”,并将这个作为设计与研发的原则。批量操作也是这一体现,“导出Xls“ 和 “复制” 操作就是具体的实现。

在 gMIS 所管理的数据表中,可以轻易地使用“导出Xls” 将当前记录结果集下载到本地使用。 “复制” 则是在录入数据过程中,对于两条差异不大的数据,可以快速地复制一份,再稍作修改即可作为新数据进行录入。

这次改进,增加了“导入Xls”功能,与“导出Xls”,相对,形成闭环操作:即可导出,亦可导入。然而,对比“导出Xls”, “导入Xls“的操作要复杂的多,主要原因是:1)不相信用户的任何输入,2)用户输入的数据需要各种复杂的解读与格式化,没有“以一贯之”的良药。

即便如此,我们也要进行一些尝试。这些改进包括:在 导入Xls 的分步骤操作中,先给出预览,预期当前数据表可接受的数据表格式,给出表头。

如果用户按照所给出的表头进行数据准备并递交后,分步骤导入Xls中进一步地检查,并给出已解析、待录入的数据预览。

当用户确认其准备的数据经有程序校验符合预期时,再点击下一步,执行分步骤导入Xls的真正写入操作。如果在这一步中发现不符合预期,用户可以选择修改本地数据,并重新上传,循环此数据校验步骤,直到获得满意预期,再进行实际导入操作。

gMIS Import Excel Flowchart /导入 Excel 数据 流程图

为何是 Microsoft Office Excel?

  • 8)其他一些更新

gMIS 2019 发行版本是 gMIS有史以来更新幅度较大的一次,根据 -github 的版本差异统计分析,这次更新设计到数百个文件的更新。

commit 92736964b3ea3279639988cca7f172d670663d15

Showing 432 changed files with 111,925 additions and 21,134 deletions.

 


林林总总,gMIS 吉密斯在不断满足不同需求的同时,持续地丰富和改进其功能,日益成熟而稳定,健壮而强大。

这既得益于信息化发展创造的巨大需求,也得益于开源社区群体共同努力。

唯有感谢,并不忘初心,砥砺前行!


-gMIS (general Management Information System,吉密斯) 是一种基于 -GWA2 (General Web Application Architecture,吉娃兔) 的通用管理信息系统应用软件,具有可配置的输入和输出接口、开箱即用等特征。
可以在其上构建各种信息管理应用软件系统,例如:
内容管理系统(CMS), 客户资源管理(CRM), 企业资源计划管理(ERP),
办公自动化系统(OA)等, 以及各种行业应用管理系统软件,例如:
人力资源管理系统(HR),学生管理,档案管理,旅游管理,图书管理,
商品管理及业务运营支撑系统(BOSS)等等。
实现零代码开发、快速搭建各种管理信息系统(MIS, Management Information System).

-gMIS is a -GWA2 based Management Information System (MIS) software with characteristics like configurable input and output interfaces, open-box-to-use.
Various management application software systems can be built on it, such as
Content Management System (CMS), Customer Resource Management (CRM), Enterprise Resource Planning Management (ERP),
Office automation systems (OA), as well as different industry application management system softwares, such as
Human Resource Management System (HR), Student Management, Archive Management, Tourism Management, Book Management,
Commodity management and business operations support systems (BOSS), etc.
With zero code development, -gMIS can build a set of management information systems (MIS) software in a few minutes.

Lower Costs, 
Better Productivity.
降低成本,
提高效率.

发表在 -gMIS, 服务器运维, 编程技术, 计算机技术 | 标签为 , , , , , | 留下评论

Apache SoftwaresPdf DriveOpenAI ChatGPT

汉吉斯特Hanjst+更新升级:error reporting, innerLoop和loadingLayer

过去的几个月里,汉吉斯特Hanjst进行了一些升级,有功能增强,也有性能优化,为Hanjst的生产环境部署增砖添瓦、保驾护航。为便于后续维护和持续更新改进,兹备忘于下。

* 12:48 Saturday, April 27, 2019, + readable error reporting for template erros
* 19:19 Sunday, May 19, 2019, + renderTemplateRecurse for deep-in include files.
* 18:44 Friday, May 31, 2019, + allow limited support for variables in xxxelse scope, bugfix for includeScript.
* 07:58 6/2/2019, + imprvs with _appendScript to appendScript for async call.
* 16:31 Wednesday, June 5, 2019, + imprvs with parentNode=BODY
* 19:18 Monday, June 10, 2019, + bugfix for asyncScripts.
* 22:29 Thursday, June 13, 2019, + loadingLayer. “<div id=”Hanjstloading” style=”width: 100%; height: 100%; z-index: 99;”> Xxxx Loading… 加载中… </div>” .
* 21:36 Thursday, June 20, 2019, + warning for MSIE browsers.

  1. 增加可读性错误异常报告
    当Hanjst遇到语法错误时,抛出可读性的异常代码描述,形成可以追踪的错误报告,其大致形式如下:

    Hanjst template code exec failed.

    {“stack”:”ReferenceError: $myAds2 is not defined\n at eval (eval at renderTemplate (http://example.com/view/default/js/Hanjst.js?v=201906171103:468:15), :405:1)\n at renderTemplate (http://example.com//view/default/js/Hanjst.js?v=201906171103:468:39)\n at _callRender (http://example.com//view/default/js/Hanjst.js?v=201906171103:679:9)\n at http://example.com//view/default/js/Hanjst.js?v=201906171103:698:9\n at http://example.com//view/default/js/Hanjst.js?v=201906171103:701:3″,”message”:”$myAds2 is not defined”}

    Line 404:

    Line 405: if( $myAds2[‘sadplace’]==’homepage_up_right’){

    Line 406: tpl2js.push(” <a href=\””);

    根据这些具体到行号的错误提示信息,开发者可以较快地找到出错位置并进行修正。如上所示,表明在模板引擎进行解析时,发现在第405行有未定义的 $myAds2 这样的变量未经初始化就开始使用,所以报错。

    注意!值得注意! Hanjst 全程开启 JavaScript 的 Strict mode,不允许使用未经定义的变量!

  2. 改进Hanjst循环嵌套模板的处理方法
    在初版的 Hanjst模板引擎设计中,我们假定模板的嵌套只有一层,也即一个模板中通过include 指令引入了另外一个模板内容。
    {include file=”$anotherTemplateFileContent”}

    随着 Hanjst 应用场景的复杂化,多层嵌套成为必然,有鉴于此,我们升级改进了 Hanjst,允许无限层的模板内容嵌套。也就是父页面可以引入嵌套子页面,子页面内也可以进一步的嵌套引入孙页面,如此递归不止。

  3. 增加对 forelse, foreachelse, whileelse下的模板语言支持
    通常情况下,如果循环一个数列,如果遇到轮空的情况,默认我们设计了给一个提示,如下所示。

    {foreach $myList as $l}
        //- some data
    {foreachelse}
        //- a warning…
    {/foreach}

    这次改进是在 “a warning” 部分给与有限功能的模板支持,比如允许使用变量进行替换操作等。

  4. 改进对async引入脚本的处理方法
    对嵌套页面的脚本程序引入有两种方式,一种是直接执行,另外一种方式是记账并延后进行引入。
    其中后面一种异步的async方式,对提升页面加载速度有很大帮助。所以在 Hanjst的改进中予以实现,当有非必要可以延后加载的脚本,都可以通过 async方式安排当页面首屏加载完成后再继续。
    上面是理想情况,还有非理想的情况时,当有些页面元素还为就绪时,一些依赖于其上的脚本就无法执行,这时候就是迫不得已需要等页面元素就绪后再加载脚本程序。
    根据这些,我们建议对象什么类脚本程序可以直接加载,而对对象的调用类脚本,一般都安排async异步加载为好。

    <!–
    JavaScript codes which will be run only once after Hanjst’s work,
    should be placed below here, after Hanjst, and keep in mind:
    1) ‘use strict’ mode, add comma for each sentence;
    2) src of Objects should be loaded in sync mode, e.g. jquery.min.js;
    3) invokes with Objects should be loaded in async mode, e.g. base.js;
    –>

  5. 增加对Hanjst父元素的探测
    这是改进是由于 HTM本身限制导致的,根据实验结果所示,浏览器的解析引擎进行页面渲染时,如果是放入未关闭的 div 内的脚本,默认是不执行而直接跳过的。
    如此以来,如果将 Hanjst 放入一个 div 元素,则默认随页面自动启动的 Hanjst解析引擎启动后,随后的加载嵌套页面的脚本等就无法实现了。
    有鉴于此,当 Hanjst启动时,探测如果其父元素不是默认和预期的 body 时,就抛出异常进行报错。
    待开发者进一步解决问题之后再继续。

  6. 增加loadingLayer
    当Hanjst进行编译页面时,原始代码会曝露给调用者,尽管时间是 毫秒级(ms)的,但如果碰上较慢的网速,依然有不完美的“印象”。
    为此,我们设计了当 Hanjst 工作时,前端预置一个”幕布”, loadingLayer , 显示给用户,当页面完成编译后,大幕揭开,完美呈现!

    <div id=”Hanjstloading” style=”width:100%;height:100%;z-index:99;opacity:0.92;position:absolute;background-color:#ffffff;”> Hanjst Loading… 加载中

    Hanjst loading layer默认的元素id是 Hanjstloading, 也可以通过启动参数:

    Hanjst.LoadingLayerId = ‘myLoadingLayer’;

    来指定自定义的元素Id。

  7. 增加对过时MSIE的探测
    如果浏览器太老了,比如 微软 IE浏览器,特别是8.0以前的版本,对JavaScript支持有限,无法顺利完成 Hanjst 的编译与解析,就会出错。
    为便于用户感知这些,我们改进 Hanjst 增加了对 MSIE太老版本的探测,并给用于相应的提示。



Hanjst是一种基于JavaScript的模板语言及解析引擎,她运行在客户端/服务器端。

Hanjst能够表述逻辑控制,能够实现与服务器端模块语言相同的功能。

  • Hanjst当完全在客户端解析时,节省服务器端计算资源;

  • Hanjst模板语言独立,不与服务器端资源做任何绑定;

  • 纯粹的MVC,层间数据用JSON格式传递;

  • 常见模板语言功能全支持,附带复杂而强大的JavaScript编程能力;

  • 无学习成本,直接使用JavaScript书写模板语言;

  • ….

Hanjst 在线文档 & API .

发表在 -Hanjst/-汉吉斯特, 编程技术, 计算机技术 | 标签为 , , , | 5条评论

老板选址BossXuanzhiUfqiFina有福金融UfqiWork有福工坊UfqiNews有福常在