webapp框架

转至https://yq.aliyun.com/articles/25578 Yeoman 介绍 Yeoman 是 Google 的团队和外部贡献者团队合作开发的，他的目标是通过 Grunt（一个用于开发任务自动化的命令行工具）和 Bower（一个HTML、CSS、Javascript 和图片等前端资源的包管理器）的包装为开发者创建一个易用的工作流。 Yeoman 的目的不仅是要为新项目建立工作流，同时还是为了解决前端开发所面临的诸多严重问题，例如零散的依赖关系。 Yeoman 主要有三部分组成： yo （脚手架工具）、 grunt （构建工具）、 bower （包管理器）。这三个工具是分别独立开发的，但是需要配合使用，来实现我们高效的工作流模式。 Yo 搭建新应用的脚手架，编写你的 Grunt 配置并且安装你有可能在构建中需要的相关的 Grunt 任务。 Grunt 被用来构建，预览以及测试你的项目，感谢来自那些由 Yeoman 团队和 runt-contrib 所管理的任务的帮助。 Bower 被用来进行依赖管理，所以你不再需要手动的下载和管理你的脚本了。 下面这幅图很形象的表明了他们三者之间的协作关系。 Yeoman 特性： 快速创建骨架应用程序 。使用可自定义的模板（例如：HTML5、Boilerplate、Twitter Bootstrap 等）、AMD（通过

基于AIO架构smarthttp开发的完整MVC框架 写了篇《基于jdk自带httpserver开发的最小完整MVC框架》，就再写篇AIO的MVC DEMO启动时间：0.1s（应该算少的吧？） smart-http 是一款比较简易的 http服务器，其通信内核采用了smart-socket最新版v1.4.6。但想提供友好的WEB服务，需要很多别的功能。 通过与solon框架的融合，便可以友好的提供MVC和AOP服务： solon 是一个框架的壳，实现了MVC,IOC,AOP,注解,插件等等机制。把这个壳套在smart-http上，便可以为其提供mvc等能力。 smarthttp 是对smart-http的适配，使其能套上solon这个壳；同时还可以享用solon的其它插件带来的能力，如session，json等。 snack3 提供json和序列化支持，也足够小；已适配为solon的序列化框架之一。 enjoy 很难再找到比它更小的模板引擎了，还快得让人想哭。 （一）新建一个 maven 空项目 （二）添加 maven 引用 <dependencies> <!-- 基于 smart-http 封装的 solon.boot --> <dependency> <groupId>org.noear</groupId> <artifactId>solon.boot.smarthttp<

创建一个新的项目 GroupId 定义了项目属于哪个组，举个例子，如果你的公司是baidu，有一个项目为app，那么groupId就应该是com.baidu.app ArtifactID 是项目的唯一的标识符，实际对应项目的名称，就是项目根目录的名称。 在这个页面添加一串代码 archetypeCatalog = internal 作用 加快构建maven骨架 如果maven创建骨架失败了，大概是几种原因 网络原因 C:\当前用户.m2\repository，全部删除。（可能原先下载的骨架中有文件下载出错了） 创建项目的时候要注意，要把idea和文件夹中的项目痕迹全部删掉 当maven创建骨架成功了，先导入pom.xml pom.xml是最主要的配置文件 创建项目的目录结构 Java、resources、webapp 右键java、resources文件分别选择第一个和第三个 webapp 前端页面 根据mvc的项目开发思想创建包结构名 - MVC架构 MVC M: model V: View C: Controller 根据数据库中的表去创建实体类和dao层 来源： CSDN 作者： WangGH00 链接： https://blog.csdn.net/WangGH00/article/details/104592535

公司业务量比较大，接了很多项目，为了缩短开发周期老板让我牵头搭建了一个敏捷开发框架。 我们主要的业务是做OA、CRM、ERP一类的管理系统，一个通用的后台搭出来，再配合一些快速开发的组件开发效率能提高很多。 另外老板一再强调要支持APP开发，一次开发能部署到安卓和IOS上。 作为开篇之作，先介绍一下该框架的功能点及技术点，后续的文章再按功能详细讲解。 献上《在线体验Demo地址》希望大家也能从中得到一些启发。 体验地址： http://www.learun.cn:8090 、 用户名：System，密码：0000 1.框架用到的技术 (1)前台技术：ajax+Jquery+jqgrid+Bootstrap (2)开发环境：VS2012-VS2015 (3)数据库：SQL Server，Oracle、Mysql (5)后台技术：ASP.NET MVC，TinyIoc(IoC容器)，EF(ORM框架)，Log4Net，NPOI等 2.框架主要功能展示 手机端是通过html做前端开发，通过ajax与后台webapi接口做交互。开发完成后可以打包成应用提供给用户下载 手机端界面： 登录页： 1.主界面 在线IM 权限管理在快速开发中非常重要，因为每个功能都需要控制到权限，开发出一个通用的权限组件后，后续的开发只用关心业务实现还不需要控制权限，能节省很多工作量。 权限管理---功能权限

引言： BUI是一个WebApp开发使用的框架，使用这个框架开发呢的app支持跨多个平台部署，这样方便很多。要使用BUI，首先要安装以及部署环境,过程中确实很让新手头疼，记录一下，望后人能少踩坑。 BUI的官方网站是： BUI （含快速入门教程） 1.下载完整的工程模板 ： 步骤：下载多页开发包 开发包下载 ——解压。 ps：网页中两个选项，单页开发包和多页开发包。选择多页开发包下载，下载后解压。可以看到一个完整的工程目录。 但是此时的情况就像是在idea编辑的java项目一样，仅仅是把代码写好了，或者别人把源代码刚好打包给你，还没有编译。现在可以用vscode对里面的html页面进行编辑，但却不能运行在服务当中。 想要运行在服务当中，需要用到一个工具——npm。npm包含在node.js当中，所以只要下node.js。node.js是一个javascript的开发环境，npm在里面充当类似于一个管理工具角色。 2.安装nodejs 步骤 ： https://www.jianshu.com/p/13f45e24b1de。找了这么多，还是这个教程好 。 需要注意的是 :我安装了很多个版本，但都有错，求稳的话还是跟着我安装 node-v10.10.0-x64.msi 这个node10版本。最好不要安装最新的node12版本，经验之谈，什么软件都不要装最新的

内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的app应用 vuetify ★2925 - 为移动而生的Vue JS 2组件框架 Keen-UI ★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme ★1529 - 优雅的Markdown编辑器 vueAdmin ★1455 - 基于vuejs2和element的简单的管理员模板 bootstrap-vue ★1267 - 应用于Vuejs2的Twitter的Bootstrap 4组件 Vue.Draggable ★1191 - 实现拖放和视图模型数组同步 eagle.js ★1128 - hacker的幻灯片演示框架 vue-awesome-swiper ★1012

Native App的优势： 1.提供最佳的用户体验，最优质的用户界面，最华丽的交互 2.针对不同平台提供不同体验 3.可节省带宽成本 4.可访问本地资源 5.盈利模式明朗 Native App的劣势： 1.移植到不同平台上比较麻烦 2.维持多个版本的成本比较高 3.需要通过store或market的确认 4.盈利需要与第三方分成 Native App开发 Native App开发即我们所称的传统APP开发模式(原生APP开发模式)，该开发针对IOS、Android等不同的手机操作系统要采用不同的语言和框架进行开 发,该模式通常是由"云服务器数据+APP应用客户端"两部份构成,APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。 Web App的优势： 1.开发成本低 2.适配多种移动设备成本低 3.跨平台和终端 4.迭代更新容易 5.无需安装成本 Web App的劣势： 1.浏览的体验短期内还无法超越原生应用 2.不支持离线模式(html5将会解决这个问题) 3.消息推送不够及时 4.调用本地文件系统的能力弱 Web App开发 Web App开发即是一种框架型APP开发模式(HTML5 APP框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部 分

基于AIO架构smarthttp开发的完整MVC框架 写了篇《基于jdk自带httpserver开发的最小完整MVC框架》，就再写篇AIO的MVC DEMO启动时间：0.1s（应该算少的吧？） smart-http 是一款比较简易的 http服务器，其通信内核采用了smart-socket最新版v1.4.6。但想提供友好的WEB服务，需要很多别的功能。 通过与solon框架的融合，便可以友好的提供MVC和AOP服务： solon 是一个框架的壳，实现了MVC,IOC,AOP,注解,插件等等机制。把这个壳套在smart-http上，便可以为其提供mvc等能力。 smarthttp 是对smart-http的适配，使其能套上solon这个壳；同时还可以享用solon的其它插件带来的能力，如session，json等。 snack3 提供json和序列化支持，也足够小；已适配为solon的序列化框架之一。 enjoy 很难再找到比它更小的模板引擎了，还快得让人想哭。 （一）新建一个 maven 空项目 （二）添加 maven 引用 < dependencies > <!-- 基于 smart-http 封装的 solon.boot --> < dependency > < groupId > org.noear </ groupId > < artifactId > solon.boot

内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的app应用 vuetify ★2925 - 为移动而生的Vue JS 2组件框架 Keen-UI ★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme ★1529 - 优雅的Markdown编辑器 vueAdmin ★1455 - 基于vuejs2和element的简单的管理员模板 bootstrap-vue ★1267 - 应用于Vuejs2的Twitter的Bootstrap 4组件 Vue.Draggable ★1191 - 实现拖放和视图模型数组同步 eagle.js ★1128 - hacker的幻灯片演示框架 vue-awesome-swiper ★1012

前言 这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距： 这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用 文中有误请您提出，以免误人自误 技术选型 单页or多页 spa（single page application）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两个优点： ① 用户体验好 ② 可以更好的降低服务器压力 但是单页有几个致命的缺点： ① SEO支持不好，往往需要单独写程序处理SEO问题 ② webapp本身的内存管理难，Javascript、Css非常容易互相影响 当然，这里不是说多页便不能有好的用户体验，不能降低服务器压力；多页也会有变量污染的问题发生，但造成webapp依旧是“发展趋势”，而没有大规模应用的主要原因是： webapp模式门槛较高，很容易玩坏 其实webapp的最大问题与上述几点没有关系，实际上阻碍webapp的是技术门槛与手机性能，硬件方面不必多说，这里主要说技术门槛。 webapp做的好，可以玩动画，可以玩真正意义上的预加载，可以玩无缝页面切换，从某些方面甚至可以媲美原生APP，这也是webapp受到追捧的原因。 但是，以上很容易被玩坏！因为webapp模式不可避免的需要用到框架