上一篇说到,因为有新朋友加入,对前端开发有了新的要求.原来基于 Bootstrap 的 UI 就不要了.在网上(其实是 GitHub 上)逛了几圈,最后使用了 antd-admin 这个框架做为基础模板,然后根据悟空 CRM 的特色进行了一些改变: 在原来的 antd-admin 的页面里,应该是属于 SPA 式的后台应用的.而 CRM 这样比较大的系统,完全 SPA 可能有点太大了.所以我就把第个模块拆出来做为一组 pages,这一组 pages 构成一个 SPA.这样,就需要在原来的右上导航…

2016年11月,接受了一个工作,是对"悟空CRM"进行一些修补.这是一个不错的 CRM,开源,并提供一个 SaaS 的服务.正好微软的 .NET Core 和 ASP.NET Core 也发布了.于是就有了这个想法:使用 ASP.NET Core 来开发一个 CRM.当然这里面的私心是:朝后坦白讲,悟空CRM 的代码真的是不怎么样.大量的代码堆在 Controller 里,多个功能在一个 EndPoint 里混合.权限管理也有些乱来.View 里充满了"临时解决方案&quo…

虽然2月初就回来了,可 CoreCRM 一直到5月才开始恢复开发,期间是各种生活中的意外和不方便. 1. 为什么要重构 首先是一件很值得高兴的事情:CoreCRM 有了第一位 contributor!Larry 是我原来的一位 实习生,现在在某公司做前端开发.因为 Larry 的加入,我就不再是一个人战斗了.当然,也就得考虑怎么进行合作的事情了. 年前的开发计划是:使用 Bootstrap 按照悟空CRM的样子先弄出一个可以用的版本来.然后再使用一些比较好的后台前端框架来代替 Bootstrap…

测试不是问题,问题是怎么测试. ## 单元测试 我认为单元测试已经是无可争议的最佳开发实践之一.但是很多人并不同意这个观点.他们的说法无非是:写测试需要花很多时间,需求又经常变动,一但变动,一大片测试就作废了.这样又浪费时间,又降低效率. 但现实情况是:没有人不测试代码的.哪怕是最牛的开发者,也需要对自己写的代码进行测试.这一点可以去看<Coders at Work>.虽然有一些"牛人"测试的方法很原始--比如使用 `printf` 来查看运行结果.其实,从现代软件组件的角…

再简单的功能,也需要一坨代码的支持.Profile 的编辑功能主要就是修改个人的信息.比如用户名.头像.性别.电话--虽然只是一个编辑界面,但添加下来,涉及了6个文件的修改和7个新创建的文件.各种生成的和手写的代码,共有934行之多. 1. Account 和 Profile 分离 什么是 Account?通常这个词被翻译成"帐户".我的理解是,这个 Model 里的内容,是为了登录而设计的.而 Profile 呢,应该保存那些和登录无关的附加信息,比如昵称.头像之类的.不过,有一点坑…

上一篇文章我提到:为了使用"国货",我把 Linux 上的构建和测试委托给了 DaoCloud,而 Travis-CI 不能放着不用啊.还好,这货支持 macOS 系统.所以就把 CoreCRM 在 macOS 上的构建和测试任务交给它了. 我想国内已经有很多写怎么用 Travis-CI 的博客文章了,我就不需要在这里多费话了.当然,最好的文章其实就是 Travis-CI 的文档:最好的帮助都在 StackOverflow 和 GitHub 上.如果还觉得自己英语不够用,看不懂这些站的…

昨天(2016年12月29日)发了开始开发的文章.本来晚上准备在 Coding.NET 上添加几个任务开始搞起了.可是真的开始用的时候才发现:Coding.NET 的任务功能只针对私有的任务开放.我想Coding.NET 团队可能是出于商业的目的做出这样的选择,但这样我就没法把开发的过程开放出来了.但总要有一个项目管理的方法来展(dun)示(cu)我进行开发,于是我首先想到的是之前在用的团队协作工具:Worktile.然而,Worktime 也是一个针对封闭团队的工具(团队里的每个人都需要确定下…

单元测试的核心就是:只测试眼前的逻辑.这就要求所有的依赖项都要使用仿类来代替,也就是所谓的 Mock Object.在测试 ProfileRepository 和 AccountController 的时候,我遇到了需要对 UserManager 和 SignInManager 进行 Mock 的需求.因为这两个组件相互依赖,还依赖别的组件,我折腾了好一阵才搞定这个问题.具体和方法分两种:直接使用 Moq 进行 Mock 和使用 InMemory Database 进行 Mock.下面分别来说明…

认识Web.桌面和移动app新开发模式 - 基于Node.js环境和VS Code工具 一.开发环境的搭建(基于win10) 1.安装node.js和npm 到node.js官网下载安装包(包含npm)进行安装 验证node.js是否安装成功,在命令行窗口输入命令node -v通过查看版本进行验证 验证npm是否安装成功,在命令行窗口输入命令npm -v通过查看版本进行验证 2.配置npm包管理器 由于国外的镜像不稳定,所以一般需要配置淘宝NPM镜像,配置命令如下: npm config set…

上次的文章中描述了 DailyTick 的设计理念.经过两周左右的设计和开发,现在 DailyTick 的主要 UI 已经完成了原型的设计和初步的实现.既然是原型,当然看起来就有点粗糙. 主 UI 主 UI 是使用一个 TabbedView 实现的.一个用来记录,一个用来统计.当然,最终的完成版应该至少有 3 个 Tab,因为还需要有一个"设置"的 Tab.现在因为我还没想到有什么需要设置的,暂时没有写.在"记录"这个 tab 里,有两个组件:一个 ListView…

发布一个基于NGUI编写的UI框架 1.加载,显示,隐藏,关闭页面,根据标示获得相应界面实例 2.提供界面显示隐藏动画接口 3.单独界面层级,Collider,背景管理 4.根据存储的导航信息完成界面导航 5.界面通用对话框管理(多类型Message Box) 6.便于进行需求和功能扩展(比如,在跳出页面之前添加逻辑处理等) 目标:编写一个简单通用UI框架用于管理页面和完成导航跳转 最终的实现效果和Demo请拉到最下方回复查看 框架具体实现的功能和需求 加载,显示,隐藏,关闭页面,根据标示获得相…

也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离) 前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式. 随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本.为了提升开发效率,前后端分离的需求越…

UGUI的优点新UI系统 第1章  新UI系统概述 UGUI的优点新UI系统,新的UI系统相较于旧的UI系统而言,是一个巨大的飞跃!有过旧UI系统使用体验的开发者,大部分都对它没有任何好感,以至于在过去的很长一段时间里,大家都在使用资源商店(Asset Store)里,由第三方开发的付费插件NGUI,实现游戏中与UI有关的部分本文选自UGUI全面实践教程大学霸. UGUI的优点新UI系统,Unity官方隆重的推出了新的UI系统,大有与NGUI争锋的势头,如图1-1所示.为此很多开发者都对这个新的…

firefox 扩展开发笔记(三):高级ui交互编程 前言 前两篇链接 1:firefox 扩展开发笔记(一):jpm 使用实践以及调试 2:firefox 扩展开发笔记(二):进阶开发之移动设备模拟 最新版本的Firefox 终于舍弃了鸡肋的xul布局,可以使用原生的html用作ui交互,插件界面中可以引入 bootstrap jQuery等库,大大简便了布局和高度自定义化,本文以一个随机自定义referer 实例来记录jpm 高级ui交互编程. 界面布局 ui 控件 官方api中提供的ui控…

原文 Unity New GUI Tutorial – Part 1 Unity New GUI Tutorial- Part 2 Unity New GUI Tutorial – Part 3 大家能够看看他的游戏源码.然后了解一下新UI的使用.  介绍的非常具体: 须要指出的 UI的动画都是使用 Animator\Animation组件实现,在实际的项目开发中,会使用Dotween\  Dftween这些补间动画插件来实现.   用代码通知,更加灵活. 可是使用 Animator\Anima…

上篇文章里面讲到如何新建一个基于vue,js的项目(详细文章请戳用Vue创建一个新的项目). 该项目如果需要组件等都需要自己去写,今天就学习一下如何新建一个基于vue.js+Mint UI的项目,直接使用比较热门的一个基于 Vue.js 的移动端组件库,那就是MintUI. 使用 vue-cli 首先需要使用vue-cli,因为上一篇文章里已经说过如何安装,这里就不细说,跟之前一样.cmd里输入命令行. npm install -g vue-clivue init webpack project…

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 Web 开发人员推荐的通用独立 UI 组件(一) 给 Web 开发人员推荐的开源图形库 —— 2D/3D 给 Web 开发人员推荐的开源图形库 —— 动画 给 Web 开发人员推荐的开源图形库 —— 数据可视化 上期已针对布局(Layout).Icon(图标).Progress(进度).Button(按…

ONVIF.RTSP/RTP.FFMPEG的开发实录 前言 本文从零基础一步步实现ONVIF协议.RTSP/RTP协议获取IPC实时视频流.FFMPEG解码.开发环境为WIN7 32位 + VS2010. 最终成功获取浩云.海康.大华的IPC实时视频流. 如果要了解本文更多细节,或者用本文作设计指导,那最好把文中提到的连接都打开,与本文对照着看. 前期准备 1.准备一个ONVIF服务器 既然开发的是客户端,那必需要有服务端了.我这里大把的IPC,好几个品牌的,就随便拿了一个. 如果没有IPC,倒…

大家好,我是张飞洪,感谢您的阅读,我会不定期和你分享学习心得,希望我的文章能成为你成长路上的垫脚石,让我们一起精进. 由于录制视频的需要,要做前端UI组件库的选型.平时国内外也见了不少基于Vue的UI组件,积累了一些素材,现在分享给大家. 本文讨论的主题包括: 为什么使用第三方组件库 第三方UI库比对 选型的依据 我选的选型 为什么使用第三方组件库 现在这个年代,好像问这么一个问题很傻,谁会自己造轮子呢?确实是这样.但是对于刚毕业的同学,或者从Ext.js年代过来的同学可能不会觉得奇怪.因为在前…

[Android开发学iOS系列] iOS写UI的几种方式 作为一个现代化的平台, iOS的发展也经历了好几个时代. 本文讲讲iOS写UI的几种主要方式和各自的特点. iOS写UI的方式 在iOS中写UI有多种选择, 大的分类: 使用UIKit还是SwiftUI. 在使用UIKit的情形下, 还根据是否使用storyboard来区分. UIKit: 用storyboard.也叫Interface Builder. 采用代码来写UI, 手写约束. SwiftUI. 注意: 以上的几种方式在项目里可…

通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 javascript 文件.多终端多浏览器同步测试的开发环境,并且还可以通过 piblish 命令对项目下的文件进行打包操作. 相关连接导航 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二) 常…

前面有一篇博客说到了淘宝UWP的"四核驱动的三维导航—淘宝新UI(需求分析篇)",花了两周的时间实现了这个框架,然后又陆陆续续用了三周的时间完善它. 多窗口导航,与传统的导航方式的最大的不同点是: 需要指定目标窗口(target Frame) 维护上下文关系(context) Back Stack的维护 页面间的异步通信 适配Desktop和Mobile界面 支持Continuum(optional) 本篇博客先说一下前三个问题如何解决. 在从页面A跳到页面B时,单窗口模式下,很简单,…

XData -–无需开发.基于配置的数据库RESTful服务,可作为移动App和ExtJS.WPF/Silverlight.Ajax等应用的服务端   源起一个App项目,Web服务器就一台,已经装了管理系统(ASP.NET Web MVC),因此要求App的服务端也采用微软.NET技术.经历(小试)了raw SQL.EF.最终采用了XData(斯人云:传来传去都是JSON,搞得那么复杂干嘛). 从Remoting到WCF再到ASP.NET Web API2,从RPC过渡到REST,构建Http…

负载均衡系统 Seesaw Seesaw是由我们网络可靠性工程师用 Go 语言开发的基于 Linux 虚拟服务器的负载平衡平台,就像所有好的项目一样,这个项目也是为了解决实际问题而产生的. Seesaw发布的博客中这样写道:“我们需要能够处理单播(unicast)和任播(anycast)虚拟 IP (VIPs) 流量,使用 NAT 和 DSR (也被称为 DR) 执行负载均衡,执行针对后端的健康检查.特别是,我们需要一个容易管理的平台,可以自动部署配置的变化.在评估了一些包括现有的开源项目的平台…

http://docs.spring.io/spring-data/solr/ 首先介绍一下solr: Apache Solr (读音: SOLer) 是一个开源.高性能.采用Java开发.基于Lucene的全文搜索服务器,文档通过Http利用XML加到一个搜索集合中,查询该集合也是通过 http收到一个XML/JSON响应来实现.Solr 中存储的资源是以 Document 为对象进行存储的.每个文档由一系列的 Field 构成,每个 Field 表示资源的一个属性.Solr 中的每个 Doc…

Swift项目开发实战-基于分层架构的多版本iPhone计算器-直播公开课 本课程采用Q Q群直播方式进行直播,价值99元视频课程免费直播.完整的基于Swift项目实战,手把手教你做一个Swift版iPhone计算器.(直播过程也有惊喜!)直播Q Q群:362298485(直播时点击群视频即可进入直播课堂)直播时间:8月26日(周二),9月2日(周四),每天20:00-22:00欢迎咨询客服Q Q:1575716557直播后希望继续深入学习了解本课程可在51CTO学院购买本课程,定价99元.购买…

RabbitMQ是一个由erlang开发的基于AMQP(Advanced Message Queue )协议的开源实现. 1. 介绍 RabbitMQ是一个由erlang开发的基于AMQP(Advanced Message Queue )协议的开源实现.用于在分布式系统中存储转发消息,在易用性.扩展性.高可用性等方面都非常的优秀.是当前最主流的消息中间件之一. RabbitMQ的官网:http://www.rabbitmq.com 2. AMQP AMQP,是应用层协议的一个开放标准,为面向消息…

ios7 新升级之后界面有了很大的变化,xcode模拟器去掉了手机边框和home键,如果想回到主页面,可以按住shift+comment+r键.废话少说先展示一下新UI下UItableView设置为Group后的效果: 整体界面显得更加简洁,而且UITableViewCell的宽度默认为满屛,也取消了圆角. 下面说下自定义UITableView的过程: 首先在storyboard中给cell拖过来一个UIimageView和两个label 然后新建一个MyCell类继承自UITableViewC…

开篇语 寒假发了一篇练手文章,不出意外地火了: <简年15: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 > 后来又发了BUG修复的版本,出乎意料的火了: 简年18: 微信小程序(有始有终,全部代码)开发---跑步App+音乐播放器 Bug修复 后来又新增了一个模块,嗯,这个也火了: 微信小程序(有始有终,全部代码)开发--- 新增模块: 图片选取以及拍照功能 现在开学了,我又写了点东西: 微信小程序(有始有终,全部代码)开发--- 新增[录音]以及UI改进 正文 一.U…

最近使用vscode比较多. 学习了一下如何在mac上使用vscode开发asp.netcore项目. 这里是我写的关于vscode的一篇文章: https://www.cnblogs.com/cgzl/p/8450179.html http://www.cnblogs.com/cgzl/p/8450409.html 这篇文章写的是使用mac(linux)/win10开发一个基于asp.net core 2.0 web api, angular 5, bootstrap 4, sql serve…