huangyezi-CSDN博客

原创 angular2 路由导航补遗

先看路由表export const parentRoutes:RouterConfig=[ {path:'',redirectTo:'parent',pathMatch:'full'}, {path:'parent',component:parent, children:[ {path:'home',component:home},

2016-08-06 11:40:19 2636

原创 ANGULAR2 深入学习路由

基础大多数带路由的应用都要在 index.html 的标签下先添加一个元素，来告诉路由器该如何合成导航用的 URL 。如果 app 文件夹是该应用的根目录，那就把 href 的值设置为下面这样：路由配置首选方案是用带有“路由数组”的 provideRouter 工厂函数（ [provideRouter(routes)] ）来启动此应用。myApp.r

2016-07-26 13:05:12 15589

原创 Angular2 开发规范

目录把所有应用程序的源代码都放到名叫 app 的目录里。所有内容都遵循每个文件单个特性的原则。每个组件、服务和管道都在自己的文件里。所有第三方程序包都被保存到其它目录里而不在 app 目录里，我们不会修改它们，所以不希望它们弄乱我们的应用程序。使用本指南介绍的文件命名约定。尽可能保持平面化的目录结构当有 7个或更多文件时才新建目录；为每个组件新建一个目录，保存它的

2016-07-23 12:19:19 5105

原创实战Angular2+web api增删改查(三）

Angular2 开发本示例使用了Angular2 RC4版本，另外由于使用了bootstrap，所以需要html中引入对应的css及js文件入口import { bootstrap } from '@angular/platform-browser-dynamic';import {myApp} from "./myApp";import {HTTP_PROVIDERS}

2016-07-11 23:07:01 15293 21

原创实战Angular2+web api增删改查 (二）

webapi配置protected void Application_Start() { AreaRegistration.RegisterAllAreas(); //SwaggerConfig.Register(); GlobalConfiguration.Configure(WebApiConf

2016-07-11 21:57:21 5004

原创实战Angular2+web api增删改查 (一）

Angular2是一个前端开发框架，在引入ts之后使得我们这些C#开发者能够更快的熟悉该框架，angular2开发首先要知道这是一个SPA（单页应用），我们要摆脱以往的asp.net中的MVC模式的固有思路，angular2开发重点是组件（Component），所以开发之前尤其要能清楚这个概念。在与angular2配合使用的后端（RestFul）我采用的是基于asp.net的web api2.

2016-07-11 21:22:23 8643

原创 Angular2 中的依赖注入

Angular2 中的依赖注入在angular2应用中依赖注入将会大量的应用在我们所创建的服务中，至于依赖注入的原理及特点在此不做深究，网上大量资料介绍依赖注入，本节重点是如何在angular2 RC1中应用依赖注入（Dependency injection）。依赖注入的申明我们要想让一个服务或组件能够被其他组件或服务注入，就需要对其进行标记，在angular2中可以使用@Inject

2016-06-17 12:07:50 9347

在前面的学习中了解了angular2中组件的数据流，在组件间我们可以利用input、output实现组件间的数据传递。再来回顾一下前面的应用场景，一辆车（car）包含了引擎（engine）、门（door）等，车是父组件，门和引擎作为子组件。我们可以在引擎中加入一个启动状态（engineStatus），当引擎启动时我们需要告知车，那么我们需要在engine组件中output一个事件（EngineSt

2016-06-16 23:30:34 4699 1

原创 Angular2 RC1 在vs2013下的环境搭建

在前面的文章中已经讲到了angular2的环境搭建，但前面使用的版本是beta 17，本文讲的是angular RC1的环境搭建，和beta 17略有不同。首先要在vs2013下新建typescript的html项目，然后在项目下配置angular环境，主要用到package.json配置angular，typings.json用来配置typescript编译环境，最后使用systemjs.c

2016-06-15 00:09:21 1918 1

原创 Angular 2 Form表单

Angular 2 Form表单在angular2 form表单中我们需要了解表单数据绑定、数据验证、数据提交等内容，在下面的示例中并没有实际提交到后台，这部分内容在今后webapi中加以练习。表单建立form (ngSubmit)="onSubmit(planetForm.value)" #planetform="ngForm">form>这里是一个空的表单ngSubmit是

2016-06-13 23:56:28 11446 1

原创 Angular2 http服务

Angular2 http服务angular2的http服务是用于从后台程序获取或更新数据的一种机制，通常情况我们需要将与后台交换数据的模块做出angular服务，利用http获取更新后台数据，angular使用http的get或put进行后台调用采用的是ajax方式，跨域问题需要单独处理。下面来看一个例子，演示从后台web api中获取数据并进行页面加载。1、由于要使用http服务，所以

2016-06-13 23:55:06 11490 2

原创 Angular 2 路由

Angular 2 路由angular2路由是管理angular2应用内部导航的一个重要内容，在angular应用中，很多的组件是通过组合完成一个复杂的应用，不可避免的是我们常会在视图间切换，那么这是就需要使用路由来管理视图间的转换。路由定义先看一个简单的路由定义///import {Component} from 'angular2/core';import {Route

2016-06-13 23:53:59 4685

原创 angular2 组件

angular2 组件首先了解angular2 组件的含义angular2的应用就是一系列组件的集合我们需要创建可复用的组件供多个组件重复使用组件是嵌套的，实际应用中组件是相互嵌套使用的组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令一个组件可以包含前端表现及后端逻辑一个组件可以是一个代码片段，能够独立运行进一步理解指令

2016-06-13 23:51:48 5275

原创 angularJS2开发环境搭建

angularJS2开发环境搭建第一步：安装node.js安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包验证是否安装成功第二步：在vs2013上安装typescript安装完成后在项目中可以添加typescript项目了，并且在项目属性栏中会有typescript页第三步：创建项目

2016-06-13 23:48:30 8493

原创利用JQuery实现web页面中table导出excel的功能

实现办法下载jquery的excel导出插件点击打开链接，此插件需要base64编码，所以在引用的时候也需要在引用64位编码的js脚本，例如使用方法：导出Excel .....如果要导出表头需要设置完整的table，如thread，tbody等标准的html5表格。额外注意：

2015-06-08 01:35:50 36620 3

原创 MVC5开发前端框架AngularJS快速入门之Service

在AngularJS中出于内存占用和性能的考虑，控制器只会在需要时被实例化，并且不再需要就会被销毁。这意味着每次切换路由或重新加载视图时，当前的控制器会被AngularJS清除掉。做为一个SPA应用，有时我们希望能够在路由更新后仍能保留前一个页面的部分数据，这时我们可能的做法是将需要保留的数据放置到$rootScope中或者放到Cathe中，这样做并非最好的方式，下面来看一种更具扩展性、更方便的方

2015-04-30 12:30:08 4099

原创 MVC5开发前端框架AngularJS快速入门之Controller

先看看AngularJS官方对Controller的解释在Angular中，控制器就像 JavaScript 中的构造函数一般，是用来增强 Angular作用域(scope) 的。当一个控制器通过 ng-controller 指令被添加到DOM中时，ng 会调用该控制器的构造函数来生成一个控制器对象，这样，就创建了一个新的子级作用域(scope)。在这个构造函数中，作用域(scope

2015-04-29 23:22:13 19971 2

原创 MVC5开发前端框架angularJS快速入门（一）

一、 angularJS安装及支持新建空白的解决方案，使用vs的nuget下载angularJS,目前版本1.3.15angularJS学习文档参见官方：http://ngnice.com/二、 angularJS启动在项目中新建控制器，视图，vs会自动加载jquery，bootstrap组件，可以选择移除，保留bootstrap的样式文件。在scrip

2015-04-27 14:54:30 12251 1

原创 MVC学习笔记之使用JQuery方式发送Ajax请求调用后台Controller

通常情况下在MVC模式中我们会采用使用controller获取业务数据（model）并将业务数据提交给view，或者由view传递数据给controller，再由controller更新model。在一些简单的页面中可以直接使用Model-->action-->View方式，但如果页面较为复杂包含多个model及多个分部页面时为了实现页面数据的局部刷新就需要使用ajax特性，为此需要学习如何使用J

2015-04-25 22:53:10 74400 3

原创 asp.net MVC、bootstrap、AngularJS新手学习笔记

首先看看asp.net vNext下面引用《开源中国社区》的一段介绍ASP.NET vNext 是我们在 TechEd 上的一个重大发布。我们已经更新了ASP.NET的诸多方面，使ASP.NET的程序更容易构建并且在性能方面表现的更好。对于这些网站和服务，我们分别考虑了访问量少的情况和访问量超多的情况。我们开辟了新的场景，这些场景之前是不会在ASP.NET中发生的。我们设

2015-04-18 16:57:22 7582

转载【转发】Visual Studio 2013 如何关闭调试而不关闭IIS Express

在VS主面板打开:工具->选项->调试->编辑继续取消选中[启用"编辑并继续"] 就OK了 (英文版的请对应相应的操作)不过这是针对所有的调试,如果你想针对单个项目就还是保留VS的设置,直接去项目属性里设置在你的Web项目上右键->属性->Web 取消选中[启用"编辑并继续"] 就OK了VS2013以前的版本就不存在这种情况,默认就是没启用 "编辑并继续".

2015-04-15 14:00:45 1317

原创在CentOS6.5下使用KVM虚拟机激活Win2008的关键步骤

win2008 R2 server要激活需要读取bios信息，在虚拟机情况下Bios信息是不完整的，所以各种网上的激活方法都是无效的，必须对虚拟机Bios硬化才能够实现！在CentOS中利用KVM建立虚拟机硬化Bios的难度还是很大的。1、准备的工具：SLIC_Toolkit用户在检验客户机读取SLIC信息是否正确几乎所有

2014-03-23 18:45:38 4997

原创 Silverlight中利用EF处理多对多关系的增删改查的解决办法

日常业务中经常会有多对多的业务模型，在silverlight开发中由于使用了RIA技术，在EF多对多处理上还是有些地方需要注意，首先看代码：public partial class TUSER { public string SID { get; set; } public string SNAME { get; set; }

2014-01-13 12:42:36 2799

原创在silverlight中EnitityFramework4.1框架下的以codefirst模式进行后台处理的SQL日志记录方法

在silverlight底层采用EF4.1框架，采用codefirst模式，花了一天时间才把日志弄上！1、先学习别人的经验了解最基本的过程，推荐ADO.NET Entity Framework CodeFirst 如何输出日志(EF4.3)重点是DbContext下的构造函数，需要重载一个带字符串参数的构造函数，同时在调用时使用带连接字符串参数的构造函数public CommDBC

2014-01-05 16:24:20 1666

原创 silverlight中利用RIA进行oracle存储过程的调用返会结果集

在silverlight中应用oralce其复杂程度超乎想象，从安装到应用处处都是难点，极度郁闷....学习资料oracle provide for ado.net，此篇文章中介绍了如何使用EF调用oracle存储过程实际应用中由于采用了MVVM+RIA的架构还需在此基础上再做些变动，步骤如下：1、先看看存储过程，简单示例create or replace procedure

2013-02-22 13:32:07 1589

原创在使用MEF+MVVM模式中要学会活用RaisePropertyChanged属性更改通知

在MEF模式下，通常是viewmodel发布一个事件，另一个viewmodel接收并处理事件，事件处理通常会加载View。如下代码：ICommand addUser; public ICommand AddUser { get { if(addUser ==null)

2013-01-30 00:06:08 13863 2

原创 Silverlight中使用MVVM方式进行datagrid的内嵌combobox方法

以前都使用RadGridView控件，里面有自带的GridComboboxColumn，可以很容易实现datagrid中嵌入combobox，而最近试验了系统的datagrid发现内嵌combobox还是出现了很多问题，查了大量资料终于实现，特记录在此。本例使用的模式是Prism+MVVM+RIA的架构，简单贴出关键代码。一、datagrid中添加模版列，并加入Combobox，设置combo

2013-01-29 03:56:01 2863 2

原创 silverlight开发实例（Prism+MVVM+RIA）（四）--设置菜单权限

在菜单加载后需要根据登录人身份对菜单进行权限控制，此例是对菜单是否可用进行控制，由于原有的Model中并没有一个字段去标示菜单是否可以，那么需要重载菜单类，添加属性比便可以绑定到菜单项的IsEnabled，在判断时需要将用户的有权菜单列表与当前菜单项的ID进行比较即可。看图如上图，用户管理当前用户有权操作菜单，而其他菜单无权操作显示为灰色。具体实现如下：1、重载菜单Model，增加

2012-08-03 17:06:11 3331

原创 silverlight开发实例（Prism+MVVM+RIA）（三）--创建页面导航

在实现了页面登陆后，下面接着就是关于相应用户操作了！首先在此项目中Shell页定义了两个Region区域，一个NavRegion导航区域，一个MainContentRegion内容区域。导航区域是为了能够快速在视图间切换，内容区域自然是操作的界面了。如图，下方是各模块的导航，在点击模块后会加载该模块对应的功能菜单。在上图右上角加入了两个导航按钮，分别为“上一项”，“下一项”用来切换

2012-07-27 02:06:38 4587

原创 silverlight开发实例（Prism+MVVM+RIA）（二）--创建shell及用户登录

续上篇。在上篇基本说清了本项目的基本框架，下面开始说下项目的加载和shell。开始之前在建立EF时出现了一个问题，我在数据库中建立了视图，而在EF导入视图时出现因无法匹配主键导致无法导入视图的问题，检查发现是由于视图中sql语句中用了Union，先见Union语句取消再建立EF。1、首先是建立项目启动的入口程序Bootstrapper，这个类由MefBootstrapper 继承，前面的B

2012-07-25 16:02:24 5332

原创 silverlight开发实例（Prism+MVVM+RIA）（一）--开发架构

经过前面的学习，现实验做一个通用权限的框架，之所以选择做权限框架是这个框架做好了以后开发很多系统都是可以直接用的。1、首先看看通用权限数据库结构，如下图：这个结构可以实现对界面上Button的控制，同时可以实现对单位数据权限的控制，也很容易再扩展，对大多数项目是基本满足的。2、开发架构采用目前在silverlight比较流行的MEF+MVVM+WCF Service架构，看一个

2012-07-25 11:59:24 4325 3

原创 silverlight 学习笔记（八）：Prism中MEF的初步认识

学习Prism一定要掌握依赖注入的应用，只有了解了Prism的依赖注入才能更好的使用Prism提升应用开发的架构。首先说明Prism依赖注入有两种方式及MEF和Unity ，在Prism中是两个没有关联的dll。我倾向于使用MEF，下面学习下MEF在Silverlight中的具体实现。先看MEF实现图示 1、Catalog（目录）：为了发现可用于组合容器的部件，组合容器

2012-02-23 19:16:20 2081 1

原创 silverlight 学习笔记（七）：Prism的第一个应用

时隔很久，又回到了silverlight的学习中。前面对silverlight有了大致的了解，对采用MVVM模式开发有了大概的概念，简单总结下MVVM下的silverlight开发过程。1、采用MVVM架构首先将View和ViewModel分离，使得设计者与开发者能够各司其职，在View中可以利用Binding实现对ViewModel的有关数据及事件的加载。但在实践中发现这个模式也会让我异常痛

2012-02-19 13:54:06 2066 1

原创 vs2010中使用odac for .net的连接配置

在silverlight中开发由于使用了EF，而EF没有oralce的连接，所以需要下载ODAC （点击打开链接），在安装完成后由于本机原先安装的是oracle10g，而odac是11g客户端，修改了本机的oracle的连接，所以需要调整oracle11g客户的的连接，将network下的admin目录中添加tnsnames.ora，sqlnet.ora（可将原有10g下的连接拷贝过来或将samp

2011-12-15 21:46:05 2777

原创 Silverlight中对WCF RIA 的异步调用的同步处理解决办法

由于silverlight在调用RIA时采用的异步调用模式，即向服务器端发出了调用请求后继续执行下面的操作，而无视服务器端返回的结果。为了能够让返回结果影响下面的操作需要进行同步处理。示例 private void Button_Click(object sender, RoutedEventArgs e) { InvokeOperation op =

2011-11-25 03:19:43 2326