.Net Core 2.0 EntityFrameworkCore CodeFirst入门教程
最近难得有时间闲下来，研究了一下.netcore2.0,总的来说，目前除了一些第三方的库不支持外，基本上可以满足我们的项目需求了！我们就以一个网站开发为例，搭建一个简单的三层架构，先熟悉一下.netcore2.0的开发流程！一、搭建项目框架首先，我们新建项目，如图：然后，我们分别添加.netcore类库项目，NetCoreDemo.Repository（数据访问层）和NetCoreDemo.Service（服务层），项目结构如下：二、初始化数据库项目中，NetCoreDemo.Repository相当于三层中的DAL层，主要是与数据库交互！为了实现web项目和数据库解耦，方便将来更好数据库，我们在NetCoreDemo.Repository中安装EntiryFrameWorkCore，这里我们以SQLServer为例，安装下面两个安装包，在程序包管理控制台执行以下命名或者用Nuget包管理器安装均可：Install-packageMicrosoft.EntityFrame
利用http-server测试vue-cli打包后的项目
目前在练习Vue，利用vue-cli脚手架开发了个vue2.0仿唯妮海购项目，在生产环境中一切良好，项目暂时告一段落，根据官方的npmrunbuild打包后发现，在自己没有线上服务器的情况下，测试成为一大难题（实践发现，后面还有很多坑等着去填~~）。项目展示安利一个项目中遇到的大难题另辟蹊径：vue单页面，多路由，前进刷新，后退不刷新打包测试（搭建服务器）打包后的代码必须放在服务器下才能运行哦！直接双击index.html是不行的。下面介绍两种搭建服务器的方式本地搭建Apache服务器 开发项目，一般都会在本地搭建一个Apache服务器，各种Ahache服务器软件琳琅满目，自己挑选一个适合自己的即可，本人目前在使用xampp。搭建Apache服务器比较繁琐，各种配置比较复杂，这里不再赘述，有不懂得，请善用googleorbaidu。利用node.js的http-server搭建一个http服务器http-server是一个基于node.js的简单的，零配置的命令行http服务器安装既然是基于node
vue-cli打包后的思索--代码优化
书接上文，利用http-server测试vue-cli打包后的项目。已经可以用http-server测试打包后的项目了，可是看到打包后的代码。。。.map文件第一次打包，发现打包后的文件怎么这么大，.map文件又是什么鬼？ 经过一顿搜索，发现js的map文件.原来map文件只是帮助我们调试用的，毕竟打包后的代码都是压缩的，调试起来很不方便。测试没问题，正式上线时，我们完全可以去掉这个文件。 怎么去掉这个文件呢？一个一个删？no！no！ 只需把config/index.js中的productionSourceMap:true改为productionSourceMap:false即可 重新打包的代码 代码太大打包后的代码，体积还是有点大？如何减小体积，提高首屏加载速度呢路由懒加载之前没使用路由懒加载功能，导致所有的代码都打包在了一个文件中，又查看了一下vue-router的路由懒加载,参照其中的示例，把路由组件的引入
vue2 + vue-router + vuex + iview 入门项目
简单的vue2+vue-router+vuex+iview入门项目，一个移动端平台的简易考试系统。灵感来源于近期工作项目中开发的一套考试平台系统。欢迎大家来issues指出错误共同进步。项目运行#克隆到本地gitclonehttps://github.com/webproblem/vue-demo.git#进入项目cdvue-demo#安装依赖npminstall，可以使用cnpm代替npm#运行项目npmrundev项目文件说明主要是src文件夹。data:模拟的数据page:存放的vue组件页面router:vue路由文件store:vuex状态管理文件utils:公共的工具函数功能描述及实现可以通过设置不同的路由参数来切换不同的考试试题<divclass="button-group"><span><router-link:to="{name:'exam1',query:{id:1}}">考试试
学习 Vue.js - day1
Vue.js-day1初识vue//首先在页面中引入vue.js文件//HTML页面相当于mvvm结构的view层//这种mvvm的展现数据的方式:数据驱动页面闪现,data中数据如果发生改变,页面同时跟着改变.<body><divid="app">//在本作用域中完成项目的所有业务逻辑.//利用插值表达式{{}}将数据展示在页面上{{msg}}//HelloVue.js！</div><scripttype="text/javascript">newVue({//规定作用域el:"#app",//放置所有数据data:{msg:"HelloVue.js！"
个人博客开发系列：Vue.js + Koa.js中使用JWT认证
前言JWT(JSONWebToken)，是为了在网络环境间传递声明而执行的一种基于JSON的开放标准（RFC7519）。更多的介绍和说明，以及各种原理，我在此就不多赘诉了。JWT不是一个新鲜的东西，网上相关的介绍已经非常多了。不是很了解的可以在网上搜索一下相关信息。源码Talkischeap.Showmethecode.工作流程JWT本质来说是一个token。在前后端进行HTTP连接时来进行相应的验证。博客的后台管理系统发起登录请求，后端服务器校验成功之后，生成JWT认证信息；前端接收到JWT后进行存储；前端在之后每次接口调用发起HTTP请求时，会将JWT放到HTTP的headers参数里的authorization中一起发送给后端；后端接收到请求时会根据JWT中的信息来校验当前发起HTTP请求的用户是否是具有访问权限的，有访问权限时则交给服务器继续处理，没有时则直接返回401错误。实现过程1.登录成功生成JWT说明：以下代码只保留了核心代码，详细代码可在对应文件中查看，下同。///serve
小谈程序员面试
最近我的一位技术不错的同学想换工作，然后跟我吐槽在面试中碰到了一些奇怪的面试官问了一些不着边际的题目，让我这位同学很是苦恼。其实我之前一直想说说面试，但是也一直比较懒。这次听完他的谈话，结合我的一些面试别人的经验和自己被面试的经验，今天分别来谈谈从面试官角度和被面试者出发，我对一次”良好“面试的看法吧。因为我是做后台开发的，所以讲的东西可能有点偏重于后台开发，但是我觉得面试方法来说是具有普适性的。1.从面试官角度出发面试题目应该覆盖足够广的程度。比如我是做后台开发的，我认为一次合格的后台开发面试应该覆盖到：数据结构&算法、操作系统、网络知识、某一门求职者擅长的编程语言。以上4个我认为是必须需要考察的，另外还有一些比如数据库、分布式、Linux基本操作等相应知识也可以进行适当的考察。不能一次面试只面操作系统，这个就没办法进行系统而全面的考察。面试考察应该由浅及深。一开始可以问一些浅的知识，如果面试者知道，再可以进行深入探讨，查看他对该知识点了解的深度。而不应该一开始就考察特别深，可能面试者对这一知识看的不够深，或者平时他自
程序员的幽默:别说程序员不懂浪漫，真的浪起漫来，就没你啥事了
今天下班前发生了一件小事情。下班前碰到了一个小bug，调了很长时间一直没有调好。眼看着都快十点了，心想，这是最后一次调试，不管对不对，我都要走了。然后我决然的按下run键，结果突然跑通了，感动得差点流下眼泪。之前也遇到过一次，下班前调试一个bug，然后跑通了，心想，再调试一下，没出错就走人了。结果没跑通，再调试一下，然后......23点10分了。很多人说程序员不懂浪漫。可是，你有想过吗，如果程序员浪漫起来，那就没你什么事了。昨天，项目组长跑过来对我说，桐华(花名)，数据校验模块你就不要写了让其他人负责，你就看看代码就行了。我一脸懵逼，心想，妈的，为啥不让我写代码？我的代码从可读性、命名规范性、代码结构再到逻辑都毫无硬伤啊。某日，写完代码的我感觉格外轻松，接了杯水，四处走来走去，然后一位同事走过来。“你应该多在公司转转，当下那个啥”“啥？”“程序员鼓励师”“拉倒吧，我鼓励他们，谁鼓励我啊，我都快被bug搞疯了”“你可以鼓励他们去你那改bug”晚上下班回来，上大学的弟弟突然给我发了一条微信，是一张截图。弟弟说，这
本地远程连接腾讯云服务器Ubuntu的MySQL
2.3、将bind-address=127.0.0.1更改为bind-address=0.0.0.02.4、保存退出2.5、登陆MySQL//先输入密码登陆mysql-root-p//然后选择数据库mysql>usemysql；//选择root的账户host改为%，上面2.3中已改地址，这一步不确定是否必要mysql>updateusersethost='%'whereuser='root';//授权GRANTALLPRIVILEGESON*.*TO'root'@'%'IDENTIFIEDBY'填写root的密码'WITHGRANTOPTION;//更新权限FLUSHPRIVILEGES;//查询数据库用户mysql>SELECTDISTINCTCONCAT('User:''',user,'''@''',host,''';')ASqueryFROMmysql.user;//退出mysql重启mysql/etc/init.d/mysqlrestart
Web安全 — CVE-2014-0166分析
引言课题背景近年来，利用Web应用存在的安全隐患（即所谓的“漏洞”）展开攻击的案例层出不穷，受害者也与日俱增。虽说只要消除安全隐患就能够杜绝这些攻击，但这就需要Web应用开发人员掌握正确的安全性方面的知识。本课题的研究本文分析的是WordPress3.8.2更新的Cookie伪造漏洞(CVE-2014-0166),并给出对应的POC和EXP。根据描述WordPressbefore3.7.2and3.8.xbefore3.8.2都是受影响的。漏洞知识分析的准备PHP弱类型安全问题弱类型转化问题弱类型的语言对变量的数据类型没有限制，你可以在任何地时候将变量赋值给任意的其他类型的变量，同时变量也可以转换成任意地其他类型的数据。类型转换是无法避免的问题。例如需要将GET或者是POST的参数转换为int类型，或者是两个变量不匹配的时候，PHP会自动地进行变量转换。但是PHP是一个弱类型的语言，导致在进行类型转换的时候会存在很多意想不到的问题。比较操作符类型转换在b的比较中$a=null;$
如何合理优化WEB前端，高效提升WEB前端性能
对前端开发工程师来说，前端性能优化的重要性是不言而喻的，最为大家所知的是YSLOW的23条优化规则，在我的理解中，性能优化不纯粹是指用户访问网站的速度，也包括开发的效率，这里我总结下我理解中的WEB前端性能优化。服务器部分尽量合并CSS、JS文件，或将其直接写在页面上，减少HTTP请求；压缩CSS、JS文件，缩短文件传输时间；避免404错误：特别要避免给404指定一个停摆页面，否则所有404错误都将会加载一次页面；一般要求减少DNS查询次数，如同一个页面的请求资源尽量少的使用不同的主机名，这可以减少网站并行下载的数量，但很多网站为了加速下载资源其实是特意用了多个主机名，这里要做一个权衡；使用CDN加速，使用户从离自己最近的服务器下载文件；减少Cookie的大小，使用无cookie的域，客户端请求静态文件的时候，减少Cookie的反复传输对主域名的影响；为文件头指定Expires，使内容具有缓存性；使用gzip压缩内容；Javscript部分尽量少用全局变量；使用事件代理绑定事件，如将事件绑定在bod
小程序图片选择区域/等屏裁剪实现方法
效果图HTML代码
AutoMapper在asp.netcore中的使用
#AutoMapper在asp.netcore中的使用automapper是.net项目中针对模型之间转换映射的一个很好用的工具，不仅提高了开发的效率还使代码更加简洁，当然也是开源的，https://github.com/AutoMapper，这不多做介绍，详细看，官网下面是介绍它在.netcore项目中的使用1.首先当然先引用AutoMapper-你可以在NuGet中直接输入AutoMapper直接引用，也可以在控制台输入Install-PackageAutoMapper2.其次我们要引用AutoMapper对依赖注入的一个扩展Extensions.Microsoft.DependencyInjection-由于.netcore中自带依赖注入，我们要用DI来注册我们的Mapper类3.在Startup类中找到ConfigureServices方法引用我们扩展中的方法4.在项目中创建一个映射配置类，可以
软件实现不仅仅是完成编码
软件实现，在外行的眼里，就是编码，编写完成软件功能的代码，软件就能运行起来了。如果软件实现真有这么简单，那就不会有软件工程出现了。真正的软件实现，包括编码、代码审查、单元测试、集成测试、缺陷跟踪和改错。编码编码就是要编写代码以实现的软件功能。除了这一基础要求之外，程序员还应该完成下面几件事，以保证自己编写的代码的质量。采用成熟可靠的技术，不滥用技巧成熟可靠的技术不仅可以提高软件质量，提高开发效率，而且降低开发成本，何乐而不为呢？对代码进行单步跟踪调试假设我们设计和编写200行C++代码要花费一天时间(8小时)，那么对这200行代码进行单步跟踪调试大约会花费10分钟。这10分钟的单步跟踪调试不会让我们根劳累，它带来的好处是:(1)减少了后续的测试和改错代价(远远不止10分钟的工作量);(2)让你对自己的程序更有信心，不再为知的Bug提心吊胆，日子过得更加快乐。所以程序员朋友们，不要拒绝单步跟踪调试了。写日志，做周报对开发进程都有记录，不仅使项目管理有了决策依据，一旦软件发生问题，查找原因也变得容易。
8款帅酷的HTML5/CSS3 3D动画、图片、菜单应用
今天要给大家分享8款帅酷的HTML5/CSS3应用，它们中包括很酷的HTML53D动画应用，也包括实用的CSS3图片、菜单、进度条等插件，一起来看看吧。1、HTML5Canvas火焰燃烧动画如同掉落的火球这次要分享的是一款超级绚丽的HTML5火焰动画，画面上是一个熊熊燃烧的小火球，小球燃烧的火焰非常逼真，会比较消耗CPU。另外这个动画是在HTML5Canvas上实现的，修改起来也非常灵活。之前也分享过几款HTML5火焰动画，像这款HTML5Canvas火焰闪烁动画。在线演示/源码下载2、HTML5/CSS3粒子效果进度条超炫酷进度条动画之前我已经分享了几款效果很不错的CSS3进度条插件，比如CSS3Loading进度条加载动画特效、CSS33D进度条按钮18款精美样式。今天我再来分享一款很有特色的HTML5/CSS3进度条应用。这款进度条插件在播放进度过程中出现粒子效果，就像一些小颗粒从进度条上散落下来，是一款别具特色的HTML5进度条插件。在线演示/源码下载3、HTML5Canvas模
12月初值得一读的10本技术新书（分布式架构、自然语言、程序员成长等）！文末有福利！
内容简介《OpenCV算法精解：基于Python与C++》是以OpenCV为工具学习数字图像处理的入门书。内容由浅入深，每一章都采用阐述基本概念、数学原理、C++实现、Python实现相结合的方法，使初学者循序渐进地掌握数字图像处理技术。本书既注重基本的概念理论及数学原理，也注重其代码实现及实际应用，力求帮助读者全面系统地掌握图像算法的基本技术，同时为掌握OpenCV打下良好的基础。《OpenCV算法精解：基于Python与C++》适合入门图像处理和计算机视觉领域的初学者阅读，要求读者具备一定的C++或Python编程基础。书籍名称：《Python全栈开发实践入门》
《程序员的呐喊》读书笔记
《程序员的呐喊》是Google一位老程序员的经验总结，文中展现了他对各大语言如Java、C/C++、Lisp、Python、Ruby、Perl等的极端观点，比如大力吐槽C++，极力推崇C、Lisp、Ruby。他的观点只是他个人经验所得，也不一定符合实情，仅供参考，有任何想法都可以说出来一起讨论。1、程序员和司机一样，总是自我安慰说等到需要的时候再去学新技能也来得及。但是在内心深处他们都明白，其实当需求出现的时候就已经太晚了。因此现实情况是这样的，旱鸭子会和水保持距离，司机会绕开泥泞的路段，而程序员会躲在舒适区里，搭建围栏把自己保护起来，然后祈祷世界和平。me：其实喜欢躲在舒适区里是每个人都或多或少存在的性格弱点，谁能克服它谁就能学到新技能，谁就能站的比别人高。对于偶尔努力经常懒惰的我来说，技术也是学的广而不精，对新技术都有兴趣但学不到精深处，希望刚工作的我可以改善这个弱点。2、当时04年亚马逊正饱受其庞大代码库的困扰，我曾经一度认为它的代码库失控是因为语言问题，后来才意识到企业文化是主因。首当其冲的是，亚马逊的主流语言里有两
一些杂感杂想
云南丽江古城12月的第一天，我从忙碌的工作中突然解放了，我摸着快要秃顶稀疏的头发，释怀又伤感。突然不要早起不要面对那些写到恶心的业务代码了，也不需要面对“业务型产品经理”输出的各种漏洞百出的需求了，这几个月几乎天天加班，加班在国内确实是一个很敏感的话题，有人批驳的有道理，有人赞成的也有道理，正方和反方都能说出一堆义正言辞的理论，不仅现实还很吓人，跟那种支付宝文案差不多。还是经历的不多，太年轻，还有很多很多的套路没经历过，以前没遇到过把加班当默认文化的公司，等你遇到这种公司，你就知道你原来的加班都是闹着玩，你要是抱怨加班多，我们的HR会神秘微微一笑，暗说，来吧，加班加死你！四个前端，天天被淫浸在业务活动里不可自拔，根本没时间再想点别的什么，长久下去必然废掉，这就是为什么很多人感觉自己越上班越觉得自己Low、越上班技术越差的原因了，我个人觉得导致这种糟糕情况有以下几个方面。第一，个人原因。本身技术一般，也缺乏进步和学习方法，在这种经常加班的环境下，确实可能会造成一些技术荒废，严重的甚至是大面积荒废，日常所用的技术比较窄，都是那些东西
《大型网站技术架构:核心原理与案例分析》读书笔记
初次阅读:仰视和懵懂第一次看这本书是在2015年年初吧，记得当时与这本书一起读的另外一本书是《淘宝技术这十年》，都可以算是阿里系的书籍。说真话，毕竟是个小菜鸟，对于大厂还是有很多的憧憬的，对于技术大神完全是抱着膜拜和学习的心态，心里无限憧憬着如果以后能有这些人物万分之一的成就和影响就好了。当时读的是来自网上的pdf共享资源，应该属于是盗版资源吧，对于这本书，最终看下来的感受，更多的其实是陌生和无知，因为里面的一些技术名词和架构思想，比如集群、分布式、负载均衡、缓存、高并发、高可用、系统安全等等之类的词语，完全没有一点概念，脑海中也根本没有类似的念头，有限的工作经验中也没有触碰过这些解决方案，看书的过程中也基本就是处于懵逼状态，说真心话，多多少少是觉得有些枯燥的。即使如此，也对我影响很大，因为对于知识点的不理解，也完全没有类似的经验，这次的阅读经历也使我心中对于这些知识的渴望无比的强烈，也因此更加坚定了学习的决心，当然，也渐渐找到了自己的定位，知道了自己是有多菜，也知道在技术道路上其实还有很长很长的路要走。小小的吐槽另一方面来说，由
什么是架构师和如何成为一个架构师
架构的定义先来看看软件架构的普遍定义吧。一个程序和计算系统软件体系结构是指系统的一个或多个结构。结构中包括软件的构建，构建的外部可见属性以及它们之间的相互关系。体系结构并非可运行软件。确切的说，它是一种表达，使软件工程师能够：1.分析设计在满足规定需求方面的有效性。2.在设计变更相对容易的阶段，考虑体系结构可能的选择方案。3.降低与软件构造相关联的风险。软件架构的生命周期软件开发有其生命周期，它应该是：而软件架构也有着其生命周期，它又是怎么样的呢？软件架构的重要性为什么说一个软件架构是很重要的呢？直接编程直接开发，多EASY？请看下面几点：软件架构能够满足系统的品质架构设计使受益人达成一致的目标架构设计能够支持计划编制过程架构设计对系统开发的指导性架构设计能够有效地管理复杂性架构设计为复用奠定了基础架构设计能够降低维护费用架构设计能够支持冲突分析什么是好的软件架构这个问题，可能大家一直都在问，包括一些IT企业也在问，对于这个问题的回答，可能不仅仅是一个简单的语句或者是定义就可以回答的