AngularJS根据DDD的.NET开发框架 – ABP初探

一样、基本概念

ABP是“ASP.NET Boilerplate Project
(ASP.Net规范项目)”的简称。

ABP是土耳其的均等各项架构师hikalkan开发的,现在以在一个ismcagdas开发者。

AngularJS 1

ASP.NET
Boilerplate是一个就此超级实践和盛技术开发现代WEB应用程序的初起点,它旨在成为一个通用的WEB应用程序框架和档次模板。

ABP的官方网站:http://www.aspnetboilerplate.com

Github上之开源项目:https://github.com/aspnetboilerplate

ABP官方文档:http://www.aspnetboilerplate.com/Pages/Documents

强烈建议从事.NET的程序员学习下。

二、技术点

1、服务端

据悉最新的.NET技术 (目前凡是ASP.NET MVC 5、Web API 2、C# 5.0,在ASP.NET
5正式揭晓后会升级)

兑现世界让设计(实体、仓储、领域服务、领域事件、应用服务、数据传对象,工作单元等)

实现分层体系布局(领域层,应用层,展现层和根基设施层)

供了一个基础架构来出而选用可安排的模块

合一些极其盛行的开源框架/库,也许有些是公方以的。

供了一个基础架构让咱们格外方便地采用依赖注入(使用Castle
Windsor作为依靠注入的器皿,为什么从来不用autofac??)

提供Repository仓储模式支持不同之ORM(已落实Entity Framework
、NHibernate、MangoDb和内存数据库)

支撑并贯彻数据库迁移(EF 的 Code first)

模块化开发(每个模块出单独的EF DbContext,可单独指定数据库)

包一个简短的跟活的多语言/本地化系统

包括一个 EventBus来兑现劳务器端全局的小圈子事件

集合之非常处理(应用层几乎不欲处理好写深处理代码)

多少中验证(Asp.NET
MVC只能成功Action方法的参数验证,ABP实现了Application层方法的参数有效性验证)

经Application Services自动创建Web Api层(不需写ApiController层了)

提供基类和辅助类似为咱有益地促成部分广的任务

以“约定优于配备标准化”

2、客户端

Bootstrap、Less、AngularJS、jQuery、Modernizr和其他JS库:
jQuery.validate、jQuery.form、jQuery.blockUI、json2

也单页面应用程序(AngularJs、Durandaljs)和多页面应用程序(Bootstrap+Jquery)提供了种类模板。

机动创建JavaScript 的代理层来更方便使用Web
Api

打包一些Javascript
函数,更方便地应用ajax、消息框、通知组件、忙状态的遮罩层等等

3、zero模块

身份验证与授权管理(通过ASP.NET Identity实现之)

用户&角色管理

系统安装存取管理(系统级、租户级、用户级,作用范围自动管理)

审计日志(自动记录每一样次等接口的调用者和参数)

 

如上摘自阳铭系列教程

老三、从ABP官网获取模版

ABP模版地址:http://www.aspnetboilerplate.com/Templates

AngularJS 2

1、选择选择MPA,因为AngularJs或DurandalJs不绝懂;

2、选择ORM框架(Entity Framework或NHibernate)我选择EF;

3、zero模块先不用挑选

4、起个名,我打的FirstABP

点击“CREATE MY PROJECT”下充斥一个zip压缩文件,用vs2013开拓如下结构:

AngularJS 3

打开每个品种里引用了Abp组件和其它第三正在组件,需要Nuget重新引用下,

AngularJS 4

AngularJS 5

生成下看看还出没来左,然后把FirstABP.Web设为发端项目,F5

AngularJS 6

四、简单Demo

1、在FirstABP.Core 新建People文件夹,然后盖一个Person实体

AngularJS 7

using Abp.Domain.Entities;

namespace FirstABP.People
{
    public class Person : Entity
    {
        public virtual string Name { get; set; }

        public virtual int? Age { get; set; }
    }
}

AngularJS 8

实体继承Abp.Domain.Entities.Entity基类,默认会发一个int类型自增的Id,如果想就此外品类可以指定,例如Abp.Domain.Entities.Entity<string>

2、把新建的Person实体类在添加到IDbSet

当FirstABP.EntityFramework类库EntityFrameworkAngularJS文件夹下的FirstABPDbContext文件之中

AngularJS 9

using System.Data.Entity;
using Abp.EntityFramework;
using FirstABP.People;

namespace FirstABP.EntityFramework
{
    public class FirstABPDbContext : AbpDbContext
    {
        //TODO: Define an IDbSet for each Entity...
        public virtual IDbSet<Person> Person { get; set; }
        //Example:
        //public virtual IDbSet<User> Users { get; set; }

        /* NOTE: 
         *   Setting "Default" to base class helps us when working migration commands on Package Manager Console.
         *   But it may cause problems when working Migrate.exe of EF. If you will apply migrations on command line, do not
         *   pass connection string name to base classes. ABP works either way.
         */
        public FirstABPDbContext()
            : base("Default")
        {

        }

        /* NOTE:
         *   This constructor is used by ABP to pass connection string defined in FirstABPDataModule.PreInitialize.
         *   Notice that, actually you will not directly create an instance of FirstABPDbContext since ABP automatically handles it.
         */
        public FirstABPDbContext(string nameOrConnectionString)
            : base(nameOrConnectionString)
        {

        }
    }
}

AngularJS 10

3、Database Migrations创建库和说明

FirstABP.Web的webconfig,自动创建FirstABP数据库

  <connectionStrings>
    <add name="Default" connectionString="Server=localhost; Database=FirstABP; Trusted_Connection=True;" providerName="System.Data.SqlClient"/>
  </connectionStrings>

改SimpleTaskSystem.EntityFramework项目下Migrations文件夹下的Configuration.cs文件

AngularJS 11

using System.Data.Entity.Migrations;
using FirstABP.People;

namespace FirstABP.Migrations
{
    internal sealed class Configuration : DbMigrationsConfiguration<FirstABP.EntityFramework.FirstABPDbContext>
    {
        public Configuration()
        {
            AutomaticMigrationsEnabled = false;
            ContextKey = "FirstABP";
        }

        protected override void Seed(FirstABP.EntityFramework.FirstABPDbContext context)
        {
            // This method will be called every time after migrating to the latest version.
            // You can add any seed data here...

            context.Person.AddOrUpdate(p => p.Name,
            new Person { Name = "Joye.NET",Age=25 },
            new Person { Name = "Jerry.Core",Age=25 },
            new Person { Name = "longhao",Age=25 },
            new Person { Name = "xmm",Age=25 });
        }
    }
}

AngularJS 12

透过  工具 -> Nuget程序包管理器 – >
程序包管理器控制台, 默认路需要选中FirstABP.EntityFramework,Add-Migration
“InitialCreate” 创建

AngularJS 13

Migrations文件夹下颇成一个201605170608193_InitialCreate.cs文件

AngularJS 14

namespace FirstABP.Migrations
{
    using System;
    using System.Data.Entity.Migrations;

    public partial class InitialCreate : DbMigration
    {
        public override void Up()
        {
            CreateTable(
                "dbo.People",
                c => new
                    {
                        Id = c.Int(nullable: false, identity: true),
                        Name = c.String(),
                        Age = c.Int(),
                    })
                .PrimaryKey(t => t.Id);

        }

        public override void Down()
        {
            DropTable("dbo.People");
        }
    }
}

AngularJS 15

继续执行“Update-Database”,会自动在数据库创建相应的数据表:

AngularJS 16

 

假使出现下图的问题,可能是Nuget版本太没有,需要提升下,

AngularJS 17

AngularJS 18

 4、定义仓储接口

FirstABP.Core类库的people下新建IPersonRepository.cs

AngularJS 19

using System;
using System.Collections.Generic;
using Abp.Domain.Repositories;

namespace FirstABP.People
{
    public interface IPersonRepository : IRepository<Person,Int32>
    {
        List<Person> GetPersons();
    }
}

AngularJS 20

5、实现仓储接口

FirstABP.EntityFramework类库EntityFramework下的Repositories文件建PersonRepository.cs文件

AngularJS 21

using System;
using System.Collections.Generic;
using System.Linq;
using Abp.EntityFramework;
using FirstABP.People;

namespace FirstABP.EntityFramework.Repositories
{
    public class PersonRepository : FirstABPRepositoryBase<Person,Int32>,IPersonRepository
    {
        public PersonRepository(IDbContextProvider<FirstABPDbContext> dbContextProvider) : base(dbContextProvider)
        {
        }

        public List<Person> GetPersons()
        {
            //在仓储方法中,不用处理数据库连接、DbContext和数据事务,ABP框架会自动处理。
            //GetAll() 返回一个 IQueryable<T>接口类型
            var query = GetAll();
            return query.OrderByDescending(p=>p.Id).ToList();
        }
    }
}

AngularJS 22

6、创建世界服务(FirstABP.Application)

接口

AngularJS 23

using Abp.Application.Services;
using FirstABP.People.DTO;

namespace FirstABP.People
{
    public interface IPersonService : IApplicationService
    {
        GetAllPeopleOutput GetPersons();
    }
}

AngularJS 24

实现:

AngularJS 25

using System.Collections.Generic;
using Abp.Application.Services;
using AutoMapper;
using FirstABP.People.DTO;

namespace FirstABP.People
{
    public class PersonService : ApplicationService, IPersonService
    {
        private readonly IPersonRepository  _personRepository;

        /// <summary>
        /// 构造函数自动注入
        /// </summary>
        /// <param name="personRepository"></param>
        public PersonService(IPersonRepository personRepository)
        {
            _personRepository = personRepository;
        }

        public GetAllPeopleOutput GetPersons()
        {
            var persons = _personRepository.GetPersons();
            //用AutoMapper自动将List<Peopson>转换成List<PeopsonDto>
            return new GetAllPeopleOutput
            {
                People = Mapper.Map<List<PersonDto>>(persons)
            };
        }
    }
}

AngularJS 26

7、在web获取调用

代码:

AngularJS 27

using System.Web.Mvc;
using FirstABP.People;

namespace FirstABP.Web.Controllers
{
    public class HomeController : FirstABPControllerBase
    {
        private readonly IPersonService _personService;

        public HomeController(IPersonService personService)
        {
            _personService = personService;
        }

        public ActionResult Index()
        {
            //获取列表
            var p = _personService.GetPersons();

            return View("~/App/Main/views/layout/layout.cshtml"); //Layout of the angular application.
        }
    }
}

AngularJS 28

运作结果:

AngularJS 29

末了看看新增了那些代码:

AngularJS 30

代码下载:https://yunpan.cn/cSwC9CbNtDMFt  访问密码 788c

深深上推荐及

阳铭系列教程:http://www.cnblogs.com/mienreal/p/4528470.html

tkb至简系列教程:http://www.cnblogs.com/farb/p/ABPTheory.html

相关文章