前端
ZHBR_F1
我们是来自北京中恒博瑞研发中心的一群工程师,因为共同的目标,我们从五湖四海走到了一起。2017年6月份,我们的研发平台F1平台就要发布第三代了。
展开
-
Nginx的配置和使用
本文主要介绍前端开发的nginx代理配置原创 2017-05-23 21:27:01 · 6257 阅读 · 0 评论 -
F1V3.0-20 UI模块常用功能开发
本文主要介绍F1V3.0前端提供的功能的使用,具体功能的介绍写在F1V3.0-UI前端功能介绍中,这里着重介绍这些功能的使用1 公共变量配置在F1V2.0的时代,平台组件脚本的引入方式是通过$import方法分别引入的,这种方式需要反复的向服务器发送请求脚本。而V3.0解决为了解决这个问题,使用了webpack对平台组件源码进行整合打包,由于webpack是模块化的打包方式,这样导致了平台公共变量不原创 2017-07-01 16:47:24 · 884 阅读 · 0 评论 -
PuerMock的搭建和优化
前言mockjs是前后端分离开发时用来给前台模拟数据的,很厉害的一个神器,把数据模版定好,然后就可以看它根据模版返回随机数据了。今天不说mockjs,官网上写的甚明白,所以贴上官网的链接:http://mockjs.com然后光有mock也不行啊,前后端分离要实现的就是前端请求随意发,但是不能发送到真正的后台,得发送到一个可以接收请求并且可以使用mockjs模拟出数据然后返回给客户端才行…….这就是原创 2017-05-24 18:40:31 · 1301 阅读 · 0 评论 -
NPM私服搭建
一、NPM私服搭建目的由于国内使用NPM来安装框架等的速度很慢,所以决定在公司内网范围内搭建一个NPM私服。方便公司内部人员使用下载NPM提供的框架等。 私服使用的是sinopia框架进行搭建的,sinopia是一个零配置的私有的带缓存功能的NPM包管理工具。二、搭建流程1、安装并配置python环境(需要2.6或者是2.7版本)。 2、安装并配置node环境,需要使用到NPM 3、创建一个文原创 2017-05-23 17:05:59 · 1981 阅读 · 0 评论 -
F1V3.0-3 前端开发问题之解决之道
上一篇博文前端开发主要问题说到前端开发主要有三大问题:调试问题、缓存问题和性能问题,针对这几个问题我们逐一探讨一下解决之道。调试问题在平台2.x中,前端页面主要由jsp组成,前端功能作为一个osgi模块纳入到整个osgi容器中管理,这就导致了任何一点修改都需要进行updm以后才能生效,导致了调试的麻烦。 为了解决这个问题,前端页面开发需要回归到单纯的页面开发。 1、页面静态化:页面不包括任何动态原创 2017-06-19 19:01:46 · 556 阅读 · 0 评论 -
F1V3.0-13 UI模块开发规范
1. 引言1.1 编写目的为提高团队协作效率,方便多个前端开发人员开发同一个前端模块,需要对前端开发进行一定的规范约束。前端开发人员需要按照本文档中制定的规范进行开发。2. 模块划分原则业务功能模块划分依据为所实现的功能不同,不同的业务功能划分到不同的模块之中,同平台2.x的bundle划分方式相似。需要前台的bundle和后台的服务最好进行一一对应,这样可以为查看和修改提供便利。业务模块和基原创 2017-06-20 17:27:43 · 672 阅读 · 0 评论 -
F1V3.0-15 前端开发环境搭建
1. 引言前端这里主要针对两种角色进行环境搭建配置:服务器环境搭建、个人机环境搭建。2.个人机环境搭建2.1 nginx配置搭建在对前端进行开发时,需要nginx对静态资源和服务地址进行路由索引,首要的任务是对nginx进行配置。在nginx官网对nginx进行下载。Nginx详细配置详见前端微服务改造1–Nginx F1平台3.0快速配置2.2 Sublime Text编辑器使用前端开发建议使用S原创 2017-06-20 17:36:07 · 1137 阅读 · 0 评论 -
F1V3.0-22 前端旧版本升级方式
1. 引言1.1 编写目的F1V3.0版本发布之后,若是想对当前的项目进行升级,升级到微服务版本,需要对已有的代码进行修改。前端方面主要涉及的修改为修改JSP、CSS、JS文件。2.详细过程在平台2.x版本中,我们编写代码主要存放的位置在webcontent文件夹下。例如permission模块即com.jb.f1.permission.web\webcontent\目录下。首先我们需要对旧模块的目原创 2017-06-20 18:07:11 · 1073 阅读 · 0 评论 -
Nginx使用说明以及注意事项
写在前面的话如果只是使用平台提供的配置文件,请直接跳过第三章或者移步(http://blog.csdn.net/ZHBR_F1/article/details/72667451)平台使用nginx主要是使用其核心的http模块,nginx做的工作很简单,就是接收到http请求,然后去搜索配置文件里的Location Block(以location指令包装的指令块)进行匹配,根据匹配到的locati原创 2017-05-24 00:00:10 · 2143 阅读 · 0 评论 -
Gulp针对F1平台的前端资源打包说明
gulp的两种打包方式原创 2017-05-24 16:20:12 · 765 阅读 · 0 评论 -
F1V3.0-19 UI新控件及新功能简介
本文主要介绍F1平台V3.0的新控件和新功能1 磁贴表格控件磁贴表格控件提供了一种新的表格数据展现方式: 磁贴表格中的一个卡片对应于原来表格中的一行数据,卡片能够更好的展示每行数据的主要信息。如果想要查看详细信息或编辑数据,可以通过点击“详情”或编辑按钮,在详情弹窗中进行。如下图所示: 磁贴表格组件的源码在平台组件源码中的jquery.f1.magentlist.js文件,使用方式和表格原创 2017-06-20 18:53:56 · 724 阅读 · 0 评论 -
Sublime Text介绍和使用配置
一、Sublime Text介绍Sublime Text 是一个代码编辑器,也是HTML和散文先进的文本编辑器。Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime原创 2017-05-23 17:23:34 · 1535 阅读 · 0 评论 -
NodeJs框架
一、NodeJs环境搭建以及安装在NodeJs官网下载windows64位或32位安装包双击安装。 点击“Next”按钮 点击“Next”按钮 选择安装路径,点击“Next” 不需要修改,下一步 点击“Install”进行安装,之后Node就安装完毕了。二、npm介绍及基本使用NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使转载 2017-05-23 16:57:39 · 672 阅读 · 0 评论 -
F1V3.0-6 平台V3.0 UI体系架构
1 介绍F1平台微服务版本和平台之前的版本最大的区别是加强了模块化的划分和静态化处理的过程,并增加了脚本文件和样式文件的加密、HttpRequest请求的Cache优化等多项功能。并且针对平台基础组件、三方扩展组件能进行了模块化处理,细化组件的依赖关系并且优化了代码结构和处理等过程。如下图,我们可以看到在V3.0基础开发平台下UI架构图。 本图主要分为七个部分:平台应用:使用平台框架结合业务原创 2017-06-22 20:21:05 · 858 阅读 · 0 评论 -
F1V3.0-24 UI前端模块的发布及部署
本文主要介绍V3.0之后前端模块的发布及部署一、准备工作1. 下载nginx下载nginx的window环境包,请使用平台组提供的nginx环境包,因为其中内置了nginx针对平台开发的配置文件。将解压好的nginx环境包存放在一个合适的(英文路径)的位置即可。2. 下载F1V3.0新版组件包下载F1V3.0新版组件包,包括F1UI_widget_libraries(平台组件包)、F1UI_pub原创 2017-06-20 14:56:29 · 605 阅读 · 0 评论 -
F1V3.0-18 快速开发一个UI模块
文章主要介绍如何在V3.0的前端开发环境上部署一个新前端项目,具体的前端环境搭建请参看:前端开发环境搭建请注意,在参看这篇文章之前如果对nginx的使用有不理解的地方,还请参看Nginx F1平台3.0的配置和使用,这篇文章中也提到了新项目的构建,具体的步骤请阅读下文1. 新项目放置位置nginx会有以下几个变量$rootPath配置的位置就是新模块存放的位置2. 新模块的构建规范如果要新添加一原创 2017-06-20 10:57:31 · 934 阅读 · 0 评论 -
webpack使用说明
webpack使用说明webpack是目前流行的前端模块化打包工具,通过丰富的插件和扩展功能,可以高效的实现前端构建,简化工作量。原创 2017-05-25 10:18:56 · 1037 阅读 · 0 评论 -
Gulp及其插件介绍
gulp介绍gulp是一个前端的自动化构建工具,可以完成对前端资源的压缩、合并、格式化以及版本管理,也可以监听前端资源的变化去做一些自动化的构建工作gulp也是一个基于nodejs的自动任务运行器,所以使用gulp的时候要有一套node的环境,这里对node的安装就不再赘述了。结合社区里好多优秀的gulp插件可以实现前端资源自动整合打包版本管理的功能,这里是gulp的官方: http://www.g原创 2017-05-24 17:17:11 · 715 阅读 · 0 评论 -
F1V3.0 F1平台2.X版本前端开发的主要问题
平台2.X版本前端开发有哪些主要问题:1 调试问题开发A:我就修改了一个CSS的样式,还需要UPDM,太麻烦了,有没有好的办法? 平台组:我们已经有解决方案了,可以用Nginx代理啊 开发A:可是我们现在都是jsp,没法代理。 平台组:早就要求大家转为静态页面了,我们也给了转的样例。 开发A:这么多页面怎么转啊,算了,就这样吧,我还是updm一下。 平台组:。。。。。2 缓存问题测试A:这原创 2017-05-26 13:41:33 · 854 阅读 · 0 评论