如何快速开发SPA应用】的更多相关文章

前言 web早已经进入了2.0时代了,如今的网页大有往系统应用级别的方向发展的趋势,再也不是以前的简单展示信息的界面了.如今很多webapp已经做到了原生应用的功能,并且运用自身的优势逐步取代之.HTML5也很给力,对多平台,多屏幕设备的良好兼容性使得前端工程师们在各种平台上大显身手.卤煮两年前进公司接到的也是一个SPA应用的项目,也颇有些自己的心得,今日就写篇博文,与大家分享下. SPA 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 We…
起因 刚进公司那会儿,接的是一个微信APP应用,SPA是前人搭起来的,用到的技术主要是backbone和zepto.后来那人走了,就卤煮一个人把项目接了下来.项目越是到后面,越发觉了诸多弊端,不停的增加界面和业务使得整个应用看起来臃肿不堪.于是觉得是时候重构了.那时也巧是正好认识requireJS,认为界面嘛,总可像那模块一样,异步加载进来.于是就在旧瓶子里装了新酒,除了界面,代码结构就完全重写了.后来私底下又接了别人的活,也是微信APP应用,觉着跟咱之前的差不多,也就把重构后的代码一并用上,发…
JEECG 3.7.5 VUE+ElementUI SPA单页面应用版本发布 此版本为Vue+ElementUI SPA单页面应用版本,提供新一代风格代码生成器模板,采用Vue技术,提供两套精美模板ElementUI风格.Bootstrap分隔,大家速度体验,新鲜出炉,哇咔咔!! JEECG 是一款基于代码生成器的J2EE快速开发平台,开源界“小普元”,超越传统商业企业级开发平台.JEECG引领新的开发模式(Online Coding模式(自定义表单)->代码生成器模式->手工MERGE智能开…
JEECG 3.7.6 性能增强版本发布 导读       ⊙Vue SPA单页面应用 ⊙Datagrid标签实现不同风格切换,支持BootstrapTable.EasyUI ⊙灵活通用代码生成器工厂 ⊙精美Echart报表 ⊙平台大动作重构 ⊙在线文档精良制作,实时更新 ⊙代码生成器模板优化 ⊙简化入门难度 ⊙平台性能优化改进 ————你想要的,都来了! 此版本为性能增强版本:平台做了大量重构,平台性能及代码质量得到一个质的提升:新版vue SPA页面模板.Bootstrap表单进一步提升平台…
前段时间有一个项目,大体是要做一个GIS数据处理工具. 一般的方法是基于ArcObjects来进行开发,因为我对ArcObjects不太熟悉,所以就思考有没有其他简单快速的方法来做. 在查看ArcGIS的官方帮助文档时,我发现用Arcpy(ArcGIS的python库)来处理数据很简单,只需要关注逻辑就可以,不需要知道那么多的类啊对象什么的(ArcObjects).基本的思路解决了,接下来还有个问题:用户界面怎么弄? 答案是:PyQt!至于py2exe,大家看名称就知道它是用来把python程序…
前言 Grunt是一款前端构建工具,帮助我们自动化搭建前端工程.它可以实现自动对js.css.html文件的合并.压缩等一些列操作.Grunt有很多插件,每一款插件实现某个功能,你可以通过npm命名去下载插件,然后使用它们.关于grunt的使用以及配置,卤煮不打算在此介绍.本篇博文重点要讲的是如何快速开发一款自定义的grunt插件.因为卤煮在打包合并代码的时候发现了无法将html和js混合的文件进行压缩处理,为此卤煮也翻了很多资料,没查找到理想的解决方案.在山穷水复之时,硬着头皮自己开发了一个简…
最近一直在维护一套自己的快速开发平台. 主要应对针对C/S架构下的项目.然而对winform这快,还真没有看到过相对好的快速开发平台, 何为快速,在博客园逛了了好久, 预览了很多通用权限管理系统. 确实通过通用权限管理系统我们能快速的解决针对winform项目中的权限管理模块,节省这部分时间来更好的完善项目的的实际业务模块. 真的很不错. 有吉日嘎拉.湖南胡勇等等吧.忽然发现这些只是满足了我们的唯一的权限模块.当我们接到一个时间紧迫的项目我们是否能只通过这套权限管理来解决项目问题呢,显然是不能的…
这几个月一直忙APP的项目,没来得及更新项目,想想该抽出时间整理一下开发思路,跟大家分享,同时也希望得到宝贵的建议. 先说一下我们的权限管理的的设计思路,首先一个企业信息化管理系统一定会用到权限管理, 那么一个动态的菜单在企业信息化管理系统占有一定的分量. 下面介绍我的一些思路. 由于原声的winform界面美观性不够, 系统采用dotnetbar第三方控件来辅助编程. 首先我们看红色方框部分为我们的动态模块功能.这样我们获得到了以下几个信息, 我们需要记录模块功能, 并且需要父子集关系, 那么…
对于web方向的工作流,一直在用gooflow对于目前我的winform开发平台却没有较好的工作流组件.  针对目前的项目经验告诉我们.一个工作流控件是很必要的. 当然在winform方面的工作流第三方组件在网上找了很久,也没有发现自己比较心仪的组件. 对于工作流组件通过web方式来实现具有绝对的优势.我的这套winform平台当然也不能少了工作流组件. 通过winform来实现自己的工作流组件,目前我想到的指能通过GDI+重绘的方式来实现工作流的方案. 说干就干,如下图这是我通过GDI+绘制的…
通常我们在处理编辑窗体时.往往会遇到数据绑定.例如combobox控件绑定数据字典可能是我们经常用到的.然而在我的winform快速开发平台中我是如何处理这个频繁的操作呢? 首先,我们要绑定combobox动态数据,大致都是来自于数据字典的数据绑定,那么思路来了,我们需要绑定的是通过获取字典属性来绑定ComboBox控件.大家都知道ComboBox控件中存在显示数据,和值数据对数据值进行绑定. 那么此时我们需要定义一个实体类: /// <summary> /// ComboBoxModel数据…
一个项目控件主要由及部分的常用组件,当然本次介绍的是通用分页控件. 处理思想:我们在处理分页过程中主要是针对数据库操作. 一般情况主要是传递一些开始位置,当前页数,和数据总页数以及相关关联的业务逻辑. 当然我们不可能将控件的所有事件都发布出来. 我们返现所有的按钮操作都是围绕着我们的的查询记录来进行操作. 至此我们只需要提供出一个事件方法. 对外开放进行数据绑定即可. 完成对数据的分页参数处理. 分页控件如下图所示: 相关业务代码:主要代码由事件委托来处理 有了通用的分页控件,我们发现并没有绑定…
导读:使用机智云提供的Open API(Http / WebSocket),可以快速开发网页或微信应用等基于html的轻应用,用于管理和控制智能设备.机智云 Open API 主要帮助开发者通过 HTTP 的方式维护用户.用户与设备之间的绑定关系,以及获取设备数据.发送控制指令给设备.   什么是机智云 Open API ? 机智云是一个开放的物联网设备平台,它为企业和个人开发者提供设备接入.用户账号管理.用户与设备绑定管理.设备远程监控.定时任务以及设备高级数据等服务. 这些数据都是存储在机智…
EasyUI: 前端UI框架之一, 相对ExtJs来说,算是小了,这两天,抽空看了下EasyUI的相关知识,基本上可以和大伙分享一下: 官网: http://www.jeasyui.com/ 学习的话,基本上思路就三个: 一个是Demo,把所有提供的Controls看一遍,然后用到哪个,就去看哪个. 一个是Document,如果某个控件需要用JS编码控制,可能需要看一下相关的API提供的属性,事件和方法. 一个是搜相关的文章,看看一些网上的示例或教程文章. 由于EasyUI是基于JQ的语法,所以…
由于这几年互联网电商的快速发展,快递公司也进入了快速发展的绝好快速成长期.随着社会的强劲需求公司的业绩年年攀新高.快速发展的公司都需要有强大的IT信息系统,硬件设备基本上款到了货也可以到了,但是软件系统就不是那么简单了,需要长期的维护完善才能平稳运行. 公司有几十套业务系统需要快速开发.开发队伍的建设.软件系统的建设.基础平台的建设都堆在了一起,由于我们用了成熟的通用快速开发平台,所有的用户都能集中统一授权.所有的业务系统都有统一的管理后台配置管理,几乎很多精力都放在业务模块的开发上就可以了.…
作为一个完整的整体信息化解决方案需要有足够强大的各种功能,这些功能相对独立,又互相依存.当有需要这样的功能时可以随时拿出来用,适当修改一下就可以满足要求.只有这样才能快速开发各种信息化系统,才能满足各种客户的需求. 同步数据需要解决的问题主要有: 01:全国性大型集团公司的信息化改造项目会涉及到非常多的分公司网点的客户端需要同步数据的各种需求,这个已经超越了人工能处理好的极限.02:网点非常多时,往往由于业务的特殊性会有能离线作业的需要,网络故障.网络带宽不理想时都可以进行离线处理的工作流程需要…
每个人外表看看都没什么大区别.但是内在的知识.处理问题的能力.解决问题的能力.头脑灵活性都会有很大的差距.软件组件也是一样,有些组件编写厉害,想问题深入,能处理的难题也多,构思巧妙. 通用快速开发平台就是这样的一个组件.能处理大型集团化公司的用户权限管理系统.也可以同时处理维护多套信息系统的权限配置管理.对很多大型集团公司来讲信息化容易成为公司的包袱.累赘.割舍不掉的一块心病. 若有自己的一定规模的开发团队,有长期维护完善信息系统的目标定位,那就可以考虑自己的核心系统自己慢慢完善改进.或者适当能…
很多传统企业.包括系统集成类的IT企业,若不是从事专业软件开发领域的,能做出一套适合本公司企业信息化的灵活的信息系统还是很有难度的,还有一些已经多年不写程序的资深开发人员,初学者,都难把一个整套系统实现出来了. 市面上成熟的开发框架要几十万,又想不花那么昂贵的费用,又想有一套自己能驾驭的软件系统平台,成熟稳定.bug少,能经得起考验的,有是知名度的开发框架,那可以考虑我们的 “大型企业信息化系统集成快速开发平台”. 里面有非常多的好用的例子代码,只要稍微用心学习模仿一下就可以见效了,若实在学不会…
主管可以看下属的数据,这个是经常用到的一个权限,不管是大公司,还是小公司都需要的功能. 通过以下2个方法,可以任意达到想要的效果了,设置简单灵活,还能递归运算下属,有时候简单好用就是硬道理. #region public List<BaseUserEntity> public List<BaseUserEntity> GetListByManager(BaseUserInfo userInfo, string managerId) 按上级主管获取下属用户列表 /// <sum…
由于公司是面向全国服务的.全国各地都有分公司,需要管理到覆盖全国的各种业务,各种业务系统信息系统的数据都需要规范化. 公司开展网络订单功能,在全国范围内实现网络下单.提高工作效率,提高各公司之间的数据交换效率,承接订单的效率,防止沟通交流中的出错率. 通用权限管理系统组件已经实现了内置的电子商务基础数据管理功能,提供各种接口调用,为快速开发大型电子商务系统做个稳定的基础.…
Angular2 CLI 快速开发 http://www.tuicool.com/articles/z6V3Ubz 解决npm 的 shasum check failed for错误(npm注册国内镜像介绍) 3.编辑  nodejs 安装目录下的~/.npmrc 加入下面内容 registry = http://registry.cnpmjs.org graceful fs 需要更新 npm install graceful-fs@版本号,例如:npm install graceful-fs@…
祺佑三层开发框架快速开发  演示DEMO单表增删查改 链接:http://pan.baidu.com/s/1ntHXTXn 密码:wiwb 主从分离更新链接:http://pan.baidu.com/s/1sj2WJST 密码:rhh5BS CS快速开发 不写重复代码 链接: http://pan.baidu.com/s/1mgDWKsg 密码: xz4e…
接触 DeviceOne 要从15年11月开始说起了,因项目和产品时间需求接触了快速开发平台,DeviceOne是非常棒的一个平台,双向数据绑定,可以自定义指令,过滤器等等.总之非常好用完全超出了我们功能需求.之后我们使用了混合型开发平台,没有达到原生App的体验和流畅,在页面切换以及页面滚动的时候都非常卡顿,说实话真心的拿不出手的产品啊. 我们老大最后还是很厉害的果断的选择了 DeviceOne这个平台,当时我很不情愿毕竟这个项目我都写了70%了DeviceOne我却一点都没有接触过.不过当我…
“我有一个好创意,就差一个CTO……” ,这是今年炒的比较火的一句话. “原生APP开发难度大,周期长,成本高,还没上线市场已经被占领了.这个有没有解决方案?” “APP版本迭代更新,都是企业的一道难关,没有一个一劳永逸的解决方式吗?” “一个Web开发者如何能快速适应移动互联网时代,用HTML5开发出一个APP呢?” “安卓.IOS双平台同时开发,程序员都累死在加班的路上了……” “难道就没有一个原生App快速开发平台?” 针对行业痛点,国内外涌现出众多APP开发工具,开发者只要有相关的HTM…
简要 SPA单页网页应用程序这个概念并不算新,早在2003年就已经有在讨论这个概念了,不过,单页应用这个词是到了2005年才有人提出使用,SPA的概念就和它的名字一样显而易懂,就是整个网站不再像传统的HTML网页一样,需要每做一个动作就更新一次网页,而是像传统的电脑软件一样,只变更显示的内容而不需变更整个网页!概念很简单,但是,事实上却有不少的问题要考虑. 理解单页面应用 简单来说SPA的网页只会有一个网页,而这个网页的设计方式要能够回应使用者所使用的各种装置并且复制使用者在电脑上使用软件的经验…
前面几篇介绍了Web API的基础信息,以及如何基于混合框架的方式在WInform界面里面整合了Web API的接入方式,虽然我们看似调用过程比较复杂,但是基于整个框架的支持和考虑,我们提供了代码生成工具的整合,使得开发整套应用是非常方便和高效的.本文主要介绍如何利用代码生成工具Database2Sharp,如何迅速生成基于Web API的Winform应用. 1.代码生成工具的功能介绍 代码生成工具Database2Sharp,是我为整个开发过程开发的一款核心软件,已经走过了10个年头,随着开…
JEPF新一代软件快速开发平台(Java Elephant Platform)是一款优秀的平台产品,它本着灵活.快捷开发.高性能.高协作性.高稳定性.高可用性.人性化的操作体验为设计宗旨历经2年研发成功适用于搭建 OA.ERP.CRM.HR.HIS 等所有的企业信息管理系统(且适用于集团公司部署),同时利用平台提供丰富的接口与硬件进行信息通信从而帮助企业打造先进的物联网系统,产品一经投向市场就得到广大客户的认可,他的诸多特性为软件企业自身提高软件质量.缩短开发周期.降低成本做出了巨额大的贡献,同…
[原][开源框架]Android之史上最全最简单最有用的第三方开源库收集整理,有助于快速开发,欢迎各位... 时间 2015-01-05 10:08:18 我是程序猿,我为自己代言 原文  http://blog.csdn.net/caoyouxing/article/details/42418591 主题 开源 安卓开发 http://www.tuicool.com/articles/jyA3MrU Android开源库 自己一直很喜欢Android开发,就如博客签名一样, 我是程序猿,我为自…
一.前言 作为一个码农这么多年,一直在想怎么提高我们的编码效率,关于如何提高编码效率,我自己的几点体会 1.清晰的项目结构,要编写代码的地方集中 2.实现相同功能的代码量少并且清晰易懂 3.重复或有规律的代码应该自动生成 在这里我就讨论下代码生成的问题. 二.关于代码生成器 刚毕业时我也非常迷信代码生成器,喜欢在网上找一些代码生成器及相关的源码,喜欢在和网友讨论哪款生成器最好用,但实际上很少真正用这些东西来开发项目,原因很简单: 1.生成出来的代码不是我们要的代码 2.生成后的代码再修修改改,其…
说说传统做法的缺点 1.做过多语言的都知道这玩意儿太花时间 2.多语言架构一般使用资源文件.XML或者存储数据库来实现.这样就在一定程序上降低了性能 3.页面的可读性变差,需要和资源文件进行来回切换 4.修改麻烦 5.样式兼容难调 6.JS如何处理 另类做法 传统做法看上去高大上实质上维护起来确实很费力,所以有一部分人就采用了另类做法直接做二套页面.总体来说上面一种和下面一种可以说半斤八两. 上面一种显的有点档次,但维护成本并不低,页面可读性差,样式兼容难调,唯一优点是页面代码逻辑只有一套,只在…
背景 在运营活动开发中,因为工作的重复性很大,同时往往开发时间短,某些情况下也会非常紧急,导致了活动开发时间被大大压缩,同时有些活动逻辑复杂,数据或者状态变更都需要手动渲染,容易出错,正是因为这些问题的存在,所以才有了MV*框架的诞生,比如大名鼎鼎的angularJS.今天就跟大家讲讲国产的MVVM框架avalonJS是如何快速进行开发的,同时大家也可以对比石器时代的开发模式(jquery或者zepto)与mv*模式的区别. avalonJS简介 avalonJS是前端大牛司徒正美开发和维护的m…