(MIS外包經驗分享)今天我有位伴侶密我...(恕刪)
mofang-pc-angular
|- app(生态模块)
|- dist (目标模块)
|- node-modules(依赖模块)
|- src (代码模块)
|- common (公共代码)
|- componets (组件)
|- vendor(angular 相关依赖)
|- webpack.config.js (测试环境設置裝備擺設)
|- webpack.min.js (上线环境設置裝備擺設)
|- gulpfile.js (打包环境配置)
|- package.json
打包體例
webpack
mofang angular-demo
getProvinces: function(req,res){
res.header('Access-Control-Allow-Origin', '***.com');
res.header('Access-Control-Allow-Methods', 'GET');
res.header('Access-Control-Allow-Headers', 'Content-Type');
var util = sails.services.util;
var cookies = cookie.parse(req.headers.cookie);
if(req.headers.referer && req.headers.referer.indexOf(util.Referer')>=0) {
request.get(util , function (error, response, body){
res.json(JSON.parse(body));
});
} else {
res.json({
error: 10000,
data: [],
errormsg: '不法请求'
});
}
}
2)创建 DNode Auth 服务接入权限系统
後來他跟我說他發現01 ban他IP會不會 點選我的最...(恕刪)
我们发现只解决了 UI 交互组件化、规范化,针对日趨繁多的 MIS 项目,还是貧乏点什么:
我们在开发MIS项目时利用DNode服务,所有的前端代码我们都由本身维护,我们只需要后端给我们供應 API 接口,前端本身启服务,搭建测试环境,真實的实现前后端分离,可以随心所欲的开发。
组合组件:通过設置裝備擺設,根据类型,自动映照請問你朋友人素水?
用来設置裝備擺設线上数据的,並且公网能访问,还是依托我们第一场分享中的 TMS
2、React
幸會幸會
can't hold me wrote:
theme 皮肤,支撐 2 套配色皮肤['warm','cold'],默认:warm
fill 是不是填充颜色,撐持 [true,false],默认:false
labels 設置裝備擺設横轴内容[数组花式]
datasets 設置裝備擺設线数据,包括两个字段:label是图例名称,data 是数据[数组花式]$broadcast("update") 更新图表数据
設置裝備擺設external后 webpack编译结果:
<didi-searchform> <didi-input> <didi-datetimepicker> <didi-select> .... <didi-grid> <didi-pagination>
功能设计:
didi-list 组件是由其它底层组件配合协助,搜刮控件将表单中内容与paramObj结合后,供應给列表组件进行数据的请求,返回的数据襯著自身展現外,同时传给分页组件,更新分页组件. 此外对于组件的http请求,我们扩展angular的$resource,对其进行封装,使其可以特別很是方便的同支撐restful的服务单进行数据交互。var version = require('./package.json').version; module.exports = { entry: { mofang-widget: './src/mofang.js' }, output: { publicPath: __dirname + '/dist/mofang-widget/' + version, filename: '[name].min.js', library: 'mofang', libraryTarget: 'umd' }, module: { loaders: [ { test: /\.css$/, loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader!prepend-loader?data=" + sassData) }, { test: /\.js$/, loader: 'callback' } ……. ] }, callbackLoader: { dynamicRequireModule: function () { var requireStr = ''; modules.forEach(function (moduleName) { ..... }); return requireStr; } }, plugins: [ new ExtractTextPlugin("[name].css"), new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ... ] }
组件设计
C9 的功能特別很是强大,我们也自定义和开发了良多相关插件。
並且我们发现编辑器越来越强大,許多插件化的东西都可以安装进编辑器里面,所以我们有一个目标:
这里面的方案业界比较多,我们分 2 类:
鎖IP這麼累要幹麻?直接鎖你帳號就行了,除非你帳號被砍了,又想在統一IP開帳號才會有你說的問題,肅清cookie這類小事,01應當不會去弄這類小幻術!
1)为了避免恶意攻击,我们将所有与后端api的请求都做一层转发,并在请求之前对请求来源做验证,假如不是来自我们域名下的请求, 我们将其视为无效请求,并示知其请求无效,代码示例以下:
编辑器差异化还好,但构建类對象和预编译类工具都各种各样
<didi-list
data="data"
resource-url="resourceUrl"
resource-index="resourceIndex"
pagination-options="paginationOptions"
grid-options="gridOptions"
></didi-list>
<script>
var app = angular.module('List', ['bn.list']);
app.controller('listController', ['$scope', function ($scope) {
var listInterface = 'http://xxx.json';
var options = {
resourceUrl: listInterface,
resourceIndex: 'id',
gridOptions: {
fields: [
{
title: '活动名称',
align: 'center',
field: 'name'
},
......
]
}
};
angular.extend($scope, options);
}]);
angular.bootstrap(document, ['List']);
</script>
部份設置裝備擺設项说明:
HI你好~我是妏鳳
跟你保舉MIS華人網路互惠平台
任何人都合適
上班族、家庭婦女、職業武士、公事人員、全職媽媽、身心障礙者,凡想兼職的人,
每月至少會獲得1600~2000台幣,推行的話6位數收入也無不可能
只需要哄騙天天空閒的時間就能賺到錢<---天天固定 約18個月能回本
假如專心一點 經常推廣<----不用18個月 以後入手下手就是淨利了
此刻出發不晚 不要等到機遇流失 才感到惋惜
當初要插足之前,我是先在看投資,後來發現有這個賺錢方式
我也查了許多資料,也問了很多,肯定好之後我隔天就成為VIP了!
因為看到了將來的利潤!
我們可以先從免費會員最先,您有興趣再成為VIP
成為VIP後 可以入手下手等著回本後的淨利
免費會員註冊
https://www.mis135.com/MemberAdmin/tmember_add.php
推薦人編號 請填 1091267598
插手好後請記得+我FB 或者LINE唷
MIS介紹:http://mis-mmm0426.weebly.com/
聯絡體例:LINE:mmm0426
臉書:https://www.facebook.com/profile.php?id=100000237518207
想增加本身收入的你必然要看,不看你必然會忏悔
我們都知道賺錢不容易,存錢更難
要老闆加薪也不輕易那我們到底要若何增添收入呢?
良多人乃至工作到身體都壞了 天天都跟工具人一樣幫老闆賺錢!
可是始終找不到成功賺錢的方法........
直到我碰到了MIS網路賺錢系統-我倏忽感覺我的人生變成彩色了
MIS網路賺錢系統必備:電腦或是聰明型手機
天天兼職花點時間點告白+分享商機就可以賺錢
不需要出去見客戶尷尬還可能被打槍時間自由,隨時上彀就可以賺錢,
適合全職媽媽、上班族、學生,任何想增加收入者!
MIS今朝的獎金軌制也是所有網賺最豐厚的,而且有壯大的MIS外包團隊教你如何在家經營
讓你在經營上面如魚得水-快速增添財富-有愛好透過下面連絡體式格局跟我聯系
我會帶你了解這個商機(插足會員完全免費)有樂趣請加我臉書老友或是line
我會帶妳到我們臉書社團做具體的了解~想賺錢快點來跟我聯系喔^^
複製貼上此網址有MIS介紹:http://mis-mmm0426.weebly.com/
當初要加入之前,我是先在看投資,後來發現有這個賺錢方法
我也查了許多資料,也問了許多,確定好以後我隔天就成為VIP了!
因為看到了將來的利潤!
免費會員註冊
https://www.mis135.com/MemberAdmin/tmember_add.php
保舉人編號 請填1091267598
插手好後請記得+我FB 或LINE唷
----------------------立刻與我聯絡---------------------------
在此先申明一下,MIS有很多團隊,我們團隊教學完全不收取任何費用
假如你想賺到錢,我建議你到場我們團隊(我會教你若何經營MIS)
請記得加我臉書好友~~~
MIS介紹:http://mis-mmm0426.weebly.com/
聯絡體式格局:LINE:mmm0426
臉書:https://www.facebook.com/profile.php?id=100000237518207
本文引用自: https://tw.answers.yahoo.com/question/index?qid=20150523000016KK03512
今朝我们的做法:
can't hold me wrote:
屏蔽各种當地安装带来的问题,专注于业务开发
继承了现有的東西:git、脚手架等resource-url 設置裝備擺設列表的数据接口请求地址
resource-index 列表内置支持 RESTful 體式格局的增删改查,所以对应的就是主键、默认是id,可以不用設置裝備擺設
grid-options 設置裝備擺設列表项相关信息
pagination-options 配置分页相关信息
search-options 設置裝備擺設和列表绑定的搜刮表单信息
param-obj 設置裝備擺設列表请求接口时在 url 中所带参数
event-hooks 事宜钩子对象,onloadbefore钩子在服务端数据返回来之后可以对原始数据进 行加工格局化;ongetbefore钩子可以在请求发送之前进行字段校验等操作, 返回 false 时不会发送请求data,許多时候不需要自动发送 http请求来获取数据,而是直接设置1)搜索功能,我们依托設置裝備擺設类型,遍历生成对应的类型组件,包括select、 input、 radio、checkbox、日期等。
2)操作按钮(搜索、清空、刷新、导出、用户自定义按钮)
3)列表展現,操作列支持用户增删改查、排序,,是否全选,默认序列号等功能,意味着我们要供應 modal 组件,
4)分页功能
5)支持数据动态拉取和直接灌入
5)钩子函数,发送请求前、获取数据时等等(1)PC 类组件库搭建和编译细节
MIS合適上班族兼職嗎???
你好:我是MIS的JESSI
【MIS網路主動收入系統】就是當你還在觀望的時辰,許多人就已早在你面前爭先插足認識
今朝加入評估人數持續的倍增成長
越早插手了解,賺得越多
很歡騰與你分享這個資訊!MIS絕對值得你投資!
多單位投資回本更快賺更多喔(想知道更具體內容迎接跟我聯系)
以下跟你簡單介紹一下:
MIS網路主動收入MIS外包系統是一個網路廣告合作獲利同享的平台
會員每天操縱20分鐘的時候來協助這個平台【點擊告白】來獲利
再透過系統將此獲利平均分配給每個會員看成全球分紅獎利
每一季MIS網路主動收入系統所締造的獲利
MIS會將其中百分之三十用來繼續的投資新的網站
而新的網站所產生的獲利再滾入MIS網路主動收入MIS外包系統裡
跟著每季投資的網站愈多、告白收入就愈多
而每個會員的分紅獲利則延續接續地增添(意思就是說公司獲利越多分紅越多)
MIS網路主動收入系統這個MIS外包系統的特色:
1.不消推銷、屯貨、購置產品
2.100%在家上彀工作
3.有被動收入
4.行使兼職的時候 賺取全職的收入
5.全新商機 中文系統已正式入手下手
6.免費插足 體驗系統為您帶來功效 再斟酌要不要投資
現在插足MIS大師庭有一群火伴互相幫手、其實不會互相搶人
只要你肯努力各人會協助你獲得永續收入
如斯棒的事業投資 您千萬別錯過,機會永久不等人
等機遇跑了你就是看著他人賺錢喔!!
mis將廣告盈利分給vip會員,你每天看google、yahoo的告白也得不到任何嘉獎
mis網路主動化收入賺錢就是這麼簡單
每天上彀點告白,替自己締造出本身的價值!
VIP會員---- 一次性投資成為永遠會員 = 永續收入
mis六大獎金:
1.推廣獎勵四代30%(實時發放,複製倍增收入)
2.營業嘉獎30%(目前還未開放)
3.全球分紅嘉獎(每月1號與16號發放,這是第1項永續收入^^)
4.指點獎勵四代30%(這是第2項永續收入^^)
5.每季分紅(每三個月發一次,月初發放,這是第3項永續收入^^)
6.告白點擊收入(天天會有1,200積分,一周會有8,400積分,每周一結算)
若是沒有推薦人還有第3項全球分紅和第6項廣告點擊收入,所所以100%回收��風險
Q:【MIS網路自動收入系統】是分紅是畢生的嗎?
A:對! 【MIS網路主動收入系統】分紅嘉獎制度是終生的 一次性的投資 畢生分紅畢生領錢的^^ 就算沒保舉招募到人一樣有基本的分紅跟點擊告白費可以領 !!
想要賺錢固然要找對人!! 不要本身摸不著頭緒沒人教你了!
1.找個有團隊的帶領你
2.找個有免費教學賺錢方式的率領你!
以上兩點我正好都有! 我們有免費社團教學~更好的是教學完全免費~
只要你有決心、願意把握先機
---------當即與我聯絡---------
先到場FB與我聯系: https://www.facebook.com/profile.php?id=100008132464477
或網站與我聯系: http://mis493941-2.weebly.com
今天我有位伴侶密我看我能不克不及進01
之前我有一次也是忽然從我的最愛點選進不來01
大多数技术人员在开发项目过程中都会碰到这样,产品经理提出的需求总是要在公共组件的基础上来点特別的定制化业务逻辑,以使他的产品加倍炫酷。如果满足这种需求,常常我们需要给公共组件加各种补丁,或把组件拿过来本身再重新封装一下。碰到这种情况我们应该怎么办?
1) 需求调研,認識现有的同类组件都实现哪些功能, 我们的业务都需要组件提供功能
2) 可拓展性,基础组件和业务组件分开
3) 利用和配置简便
4) 文档要全痛点:
然后我们会在当前目录下:
- 任何组件都不克不及达到“渾然一體”,如果新增的需求满足通用性的抽取原则,我们可以将这部門业务功能融會到组件中,使组件加倍完美。
- 若是新增的需求仅仅是锦上添花的效果且抽取组件的本錢大于收益,将其视为业务组件。
(2)若何构建 DNode 服务化
前后端分离
是鎖ip呦...(恕刪)
1、
仍是是您的伴侶介紹您來01的?Angular
Ace:基于 web 的开源代码编辑器,star 数目 13000+
IT委外|IT外包|MIS委外|MIS外包|資訊委外|資訊外包|主機代管|伺服器代管|虛擬主機|郵件代管|郵件託管|網站代管|網站託管|雲端方案|雲端主機|
C9:内置饬令行、各种语言東西的在线编辑器,今朝已经发布到 3.* 版本了
1. 公司级组件库 - 魔方整体设计
设计它的初志其实在第一场分享中也已经提到了,我们可以再回顾一下:
我们团队 IDE 为例:
技术选型:
應當不會喲技术演变:
因爲编辑器比较庞大,若是对编辑器感兴趣的,我们可以暗裏在联系。
(1)如何处理业务组件和通用组件
部份展示:
考虑到公司级组件库的初志,也看到有部門业务还是喜欢 React,我们也快速封闭开发,去铺 React 版本。
组件需求:
react组件供給与pc端相同的功能
因为利用externals設置裝備擺設,打包后库文件可以在 AMD、CMD和全局环境下利用,但这几种环境中我们依赖的 react 和 react DOM 模块名不同,如:
AMD下 define(['react'], function (){})
全局利用时 window.React
CMD下 require('react')
好处:
在以往的工作中,在完成一个系统开发的时候,无论后端语言是php、java, 常见开发模式分两种情况:
从功能上看,我们有三种首要数据需要襯著,数据通过请求體式格局获取,数据量太大一次性读取数据还是很耗时的,並且用户不会频繁操作该组件。然則不克不及因为用户不会频繁操作,而忽略这个问题。我们采取将用户获取数据进行缓存,当用户再次点击,我们只需用缓存数据进行襯著即可。热门品牌和钩子函数是必须的。
所以MIS外包系同一讀到被鎖的帳號,他仍是進不去组件利用體式格局:
以折线图为例:
本篇文章援用自此: https://tw.knowledge.yahoo.com/question/question?qid=1514061204540LV LV官方網 LV官網 LV皮夾 LV包包
因爲项目组这边经常要协助其它组开发 MIS 系统相关的开发,我们创建了支撐 angular、react及vue开发的脚手架,利便快速开发项目,只关注项目的逻辑功能,减少对环境的搭建。
是否是被01封閉帳號啊致谢:
感谢领导的信賴与栽培,感谢一路陪同、一路奋斗的滴滴小伙伴,感谢infoq供給分享平台。
如代码所示,我们的组件是绑定在元素上,组件内容掃數通过
設置裝備擺設参数
来節制。(2)H5 类组件库搭建和编译细节
話說IE的瀏覽器GG是出了名,上不了01緣由許多 您的電腦自己有沒有中毒 作業系統 網路系統商有沒有斷線 等等等,目下當今上彀體式格局這麼多,鎖IP彷佛沒啥鳥用了!用来构建按规则的假数据,不依赖 DB,一般都是 json 文件,然后加上类似 Swagger 的那种 UI 输出给相关协同开发
就直接再搜尋打01再點搜索出來的後果就進來了每个系统 UI、交互规范、组件依赖底层技术都不一样,复用性低,依赖第三方开源但技术支持不到位,碰到问题没人服务。
构建東西:
参数说明:
(3)如何构建 GUI 新开发模式
會不會 點選我的最愛 01 MISMIS外包MIS外包人員感覺太噁心了不讓你進來咧?大咖嗎?
创建必然模板规则的目录,配置好依赖和构建脚本
业务组件与通用组件是親切相关的,正如一句话“用的人多了,就会变成通用组件啦”, 业务组件是在通用组件的基础上做的拼接与定制。通用组件适用的业务场景比较广泛,业务组件业务场景比较单一。当很多多少业务场景下,都使用了不異组件时,我们就要考虑是否将业务组件提取成公共组件,方便各人利用,节约开发本錢。
技术栈
1) webpack
2) zepto + gmu + stylus + handlebar
组件利用方式:
是否是被01封閉帳...(恕刪)我们以 carchoose 组件为例,来看一下它是若何被利用的:
進口文件为 mofang.js,我们为 pc 组件库准备了两个設置裝備擺設文件,分别是测试环境和生产环境。我们通过 package.json 的 version 節制组件的版本迭代,因爲我们想单独导出 css 文件,我们利用 ExtractTextPlugin 插件,我们采用读取設置裝備擺設文件的方式动态加载模块,最后通过 gulp 設置裝備擺設文件将文件压缩为zip包,以便上传 cdn。設置裝備擺設文件以下
我们搭建了 MIS 配置平台,可以設置裝備擺設良多类似的东西:
各个 MIS 系统的用户权限,菜单設置裝備擺設
MIS 設置裝備擺設平台都是基于angular组件开发的系统,每个子系统設置裝備擺設不同的用户腳色,每个角色针对应分歧的权限。系统的左侧菜单也是通过配置平台,这样可以方便的節制每个腳色对页面访问权限,同时我们还会记录每个用户的操作行为,輕易回溯问题根源。設置裝備擺設平台中项目標环境有三套,一套针对内网环境,一套针对外网环境,一套测试环境。平台設置裝備擺設分别分别记录每个项目在相应机器中的端口号,以及域名,统一查询和维护。
基于这 2 点,我们第一期的组件库包括:
之前我有一次也是忽然從我的最愛點選進不來01(恕刪)打包體式格局
react组件开发我们依然采取webpack的體式格局对文件进行打包,使用ES6进行编写,将react和react-dom从主文件中抽离,针对不同的加载环境进行不同的配置。
配置文件:
留意:我们利用es2015-loose将ES6代码转译成ES5代码。在使用 ES6 解构 rest 属性时,需要安装 babel-plugin-transform-object-rest-spread 插件
例如下面代码的解析:
定位:pc 端数据可视化图表
组件需求:
折线图 & 饼状图 & 柱状图 & 雷达图
两套皮肤