Angular中ui-select的使用 最近工作一直很忙,没有时间整理知识,前几天项目中需要用到angular-ui-select,实现下拉框快速过滤效果,今天有时间研究了一下,终于搞明白了。...如果项目中用到的Angular版本比较低时,请安装低版本的Angular-sanitize和Angular-ui-select,这样,避免低版本不支持的情况。...2.安装方法: 使用npm进行安装 npm install Angular-sanitize@1.2.28 --save -dev @+版本号表示安装指定版本的包文件,如果不加版本号,默认安装最新的版本...二、使用方法 1.首先依次引入所需要的文件 ?...> 10 11 ui-select-match 匹配所输或所选项在文本框展示 ui-select-choices 下拉列表的展示 ng-bind-html
最近太忙了,项目中使用的弹框老板嫌太丑,让我们优化一下,我在网上找了一下,找到了sweetalert弹框,算是比较好看的弹框了。...,但是只能用sweetalert中的css,js必须通过npm下载sweetalert,引入下载的sweetalert.min.js 二、版本说明 Angular V1.2.30 Angular-sweetalert...V1.0.4 Sweetalert V2.1.0 因为我们项目使用的angular版本较低,所以相对应下载的angular-sweetalert版本也低。.../sweetalert.min.js 注意:在app中添加依赖模块‘oitozero.ngSweetAlert’ 四、使用方法 1、基础用法 swal("请选中数据再进行操作"); ?...点击取消执行else中的方法 ? 点击确定直接执行函数 ?
Angular中ui-grid的使用 在项目开发的过程中,产品经理往往会提出各种需求,以提高用户体验。最近,项目中用到的表格特别多,而且表格的列数和行数也超多。...@3.1.0 注:angular、angular-touch、angular-animate三个文件版本需保持一致,angular-ui-grid要根据angular的版本进行确定,angular-ui-grid...注意引入文件的先后顺序 文件依赖关系 Angular-touch --> angular Angular-animate --> angular ui-grid --> angular...三、基本使用 1、HTML 1 <!...更多使用方法详见:https://github.com/lela520/Angular-ui-grid
Angular UI 项目一个可单独部署的项目,它不依赖于后端 ASP .NET Core,不用强制部署在一起。...有关更多信息,请移步迁移数据库控制台 应用程序 52ABP-PRO 解决方案中包含了三个应用程序: 后端 API(Web.Host):提供 RESTAPI 的应用程序,不包含任何 UI 的应用程序。...要声明“所有子域”,可以使用通配符如*.52abp.com 还需要在 IIS 中配置静态 IP 绑定到应用程序。 或许还有其他的办法,但是这个应该是最简单了。欢迎沟通交流。...Angular 解决方案 52ABP-PRO 采用的是NG-Alian-Pro作为 Angular 的前端模板,购买 52ABP-PRO会自动获得此授权无须再单独购买NG-Alian-Pro。...至于 LINUX 的玩法,需要配合 Nginx 使用。 在进行多租户开发时,您不需要为租户配置子域名来进行开发, 你可以使用切换租户的功能来进行开发,使用“租户开关”对话框用于在租户之间手动切换。
对.NET 开发者来说充满了挑战的一年,由于技术惯性,大部分的开发人员都是在.NET Framework中工作,采用的服务器都是Windows,对于.NET Core的新特性掌握的并不扎实。...但技术和市场,以及客户环境是不会容忍你的停滞,因为这一年整个技术圈都在发生变化,大家开始提倡微服务、中台、工业4.0、大数据、云计算这些新的技术概念,这些概念在目前来说 落地到了云原生的场景。...所以ABP框架在2017年开始疯狂的补充文档和适配.NET Core,中途可以看到随着ABP框架作者对于.NET Core的了解越深。...ABP框架在前端的默认支持方案-Angular4 Angular因为依托于TypeScript的强类型语言特性,ABP自然会选择生态和设计偏重于后端的解决方案:Angular。...而在2017年成为MVP之后,参加了太多的技术活动,开阔了无数的眼界,现在想来,2017年微软的很多客户落地的一些项目方案,到2021年了才开始有国内的公司出现在了解和使用。
angular文件夹包含了管理端的界面,是用于配合应用程序后端运行使用的。 aspnet-core文件夹则包含了服务端的ASP.NET Core解决方案,需要使用Visual Studio启动。...使用52ABP-PRO的迁移工具 52ABP-PRO的提供了一个迁移工具,在解决方案中tools文件中(YoyoSoft.PhoneBookDemo.Migrator),您可以在开发和生产环境中,使用这个工具为您的数据库进行迁移...我们一般会推荐您使用EF控制台命令进行开发,使用Migror.exe进行生产环境的迁移。请注意Migror.exe支持同时在多个数据库中运行迁移,这在多租户应用程序的开发/生产环境中很有用。...Angular UI应用 我们的Angular应用采用的是 Ng Alain Pro 版本,如果您已经购买了我们的企业版,可以放心使用,无须再次购买版权。...系统UI 当您登录系统后,可以看到系统完整的功能。 ? 52ABP配套代码生成器 52ABP PowerTools 是一个基于实体,就可以从数据库创建一个新页面到UI层。
因为目前ABP的官方模板只支持MVC和Angular,MVC的话咱.NET开发人员来写还可以,专业前端估计很少会用这个。。。Angular我本人不熟,所以选择vue来做UI。...在开始编码前,需要先分析几个重要问题: 用户登录/token 用户权限控制 应用程序本地化/语言切换 好在ABP模板提供了Angular版本,我们可以参考Angular版本来做。...app作为模板,不需要UI,并且将Identity Server应用程序与API host应用程序分开,使用Entity Framework Core作为数据库提供程序,并指定连接字符串。...在ConnectionStrings中添加AbpIdentityServer配置,为Identity Server配置独立的数据库连接字符串,不配置的话默认使用Default配置。...AbpIdentityServer这个key是来自ABP的IdentityServer模块中的一个常量,具体请参考源码。
目前ABP的前端部分只支持ASP.NET Core MVC / Razor Pages和Angular,移动端支持React Native。...UI=MVC这个指引做一遍,体验一下ABP开发的基本流程,虽然ABP开发流程几乎都标准化了,照着官网的流程编写代码就能完成一个功能的开发,但是这个过程有些繁琐,容易出错。...有一些由ABP社区开发和维护的开源免费的应用程序模块,我们可以直接使用;比如我要使用官方的Blogging模块,Blogging是用于创建精美的博客。 同样使用AbpHelper来安装: ?...最后 EasyAbp上也有很多开源模块,地址是:https://github.com/EasyAbp/EasyAbpGuide,目前这些模块的UI部分都只支持MVC/Razor Pages,不支持Angular...当然模块不一定非要UI,一些Framework级别的模块就不需要UI。基础部分就写到这里,主要还是需要认真看下官网,然后自己动手练习一下。下一篇将进入vue+ABP实战部分。
问题讲解: 在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题,可以说饿了么团队在这个UI框架的文档撰写已经非常不错了,不过还是有一些方法乍一看让人摸不着头脑,有些table...可以看到官方代码中在这边没有让这个可展开table自动折叠的功能,我点击了别的标签页后上次点击的行仍旧处在一个展开的状态,而且操控的方式也只能点击到左上角的小箭头才可以控制行的展开状态,体验不是特别好,
AbpHelper 模块安装 前言 上一篇介绍了ABP的一些基础知识,本篇继续介绍ABP的启动模板。...使用ABP CLI命令就可以得到这个启动模板,其中包含了一些基础功能模块,你可以基于这个模板来快速开发。 开始 首先ABP CLI的安装以及基本指令这些就不说了,官网上写的很清楚。...目前ABP的前端部分只支持ASP.NET Core MVC / Razor Pages和Angular,移动端支持React Native。...初学者建议跟着官网https://docs.abp.io/zh-Hans/abp/latest/Tutorials/Part-1?...UI=MVC这个指引做一遍,体验一下ABP开发的基本流程,虽然ABP开发流程几乎都标准化了,照着官网的流程编写代码就能完成一个功能的开发,但是这个过程有些繁琐,容易出错。
前言 上一篇介绍了vue+ABP国际化的基本实现,本篇开始功能模块的开发,首先完成ABP模板自带的身份认证管理模块和租户管理模块。同样的,参考ABP的Angular版本来做。...就拿这里的身份认证管理模块来说,看似很简单,因为后端接口都是ABP模板里现成的,前端部分无非就是写界面,调接口,绑数据;但是看一下ABP Angular版本的代码,就会发现他其实是有很多细节方面的处理的...按钮级权限 前面章节中实现了菜单权限的控制,按钮权限的道理也是一样的。判断abpConfig.auth.grantedPolicies是否包含某个权限,然后在组件中使用v-if渲染就好了。...用户和角色都需要用到权限管理,在ABP Angular版中是一个独立的permission-management模块。...其实ABP后端是可以配置是否启用多租户的,这里也可以根据后端配置来显示或者隐藏租户切换的按钮。跟ABP模板相比,登录界面还缺少一个注册入口,后面再加上吧。 效果 ? ? ? ? ?
) The easiest way of starting a new project using ABP with ASP.NET Core with Angular is to create a...开始一个新使用Angular和 ASP.NET Core 的ABP项目最简单的方法就是通过官方的模板页面来生成模板。切记包含zero模块。...运行程序,如果成功将会显示 swagger-ui。 这里还有一点我要补充一下就是数据库连接需要根据实际情况进行修改,在‘Web.Host’工程项目下面的appsetting.json中。...基于令牌的认证 如果您想从移动应用程序中使用API /应用程序服务,您可以使用基于令牌的认证机制,就像我们为Angular 客户端那样做。启动模板包括jwtbearer令牌认证基础设施。...这个应用程序从主机的appsettings.json文件中获取连接字符串。开始它和Web.Host中的appsettings.json文件一样。确保在配置文件中的连接字符串是要数据库。
正文 我在之前的文章“Angular UI框架 Ng-alain @delon的脚手架的生成开发模板”中提过,我会把.net core 、Angular作为主要核心方向,然后整合 ABP + Ng Zorro...登录页面.gif 登录功上还有附带切换个租户功能,毕竟ABP框架是SaaS框架嘛,我们也顺带把他实现了。 ? 切换租户.gif ?...Core SDK 2.1 SQL Server 2012 版本以上,推荐2014 GIT 前端环境 Visual Studio Code node yarn 技术栈基于 Typescript 、Angular...代码生成器 52ABP代码生成器,目前仅支持后端代码的生成,不支持前端代码的生成,实际原因是我一直在选择前端模板,现在很愉快的定了是NG-Alian ,那么这个事情也会开始启动了。...所以我想有更多的人参与进来使ABP框架成为.NET 圈子中的一个上手容易、符合中小型企业级快速开发的框架,以后提到.NET框架的时候有这么一款企业级的框架ABP。
, 我们即可使用ABP附加给我们的以下强大功能: 本地化 异常处理 对返回的JsonResult进行包装 审计日志 权限认证([AbpMvcAuthorize]特性) 工作单元(默认未开启,通过添加[UnitOfWork...--编辑任务模态框通过ajax动态填充到此div中--> <!...}); })(jQuery); //异步开始提交时,显示遮罩层 function beginPost(modalId) { var $modal = $(modalId); abp.ui.setBusy...var $form = $modal.find("form"); abp.ui.clearBusy($modal); $modal.modal("hide"); //创建成功后,...; var $modal = $(modalId); abp.ui.clearBusy($modal); } } function editTask(id) {
ABP core 的框架在过年期间,从1.0突然升级到2.0了,。...整个ABPCore 虽然版本变化 大,但使用流程基本不变吧, 我看官网上文档基本完毕了,官网文档有一个外国人视频,当时版本尚是0.18,总共有2小时吧。记录个学习笔记吧!...,ABP应该有什么自动发现的机理。...18、编写一个基于 abp UI的表格 【web】 index.cshtml中,添加一组 的标签来写页面,tag-helpers简化页面 js文件中,用DataTable.js插件来生成表格...第三方的表格插件已经内置,且abp写了许多辅助的东西来适配第三方的插件 abp.libs.datatables.createAjax是帮助ABP的动态JavaScript API代理跟Datatable
社区所提供的ABP后端+Vue、React模板方案 2018年,随着ABP框架被越来越多的人使用,前端的方案在国内变化基本上都是vue。同时ABP官网并不打算提供vue方案的支持。...马立明 我是和他在北京认识的,后来他频繁活跃在ABP官方仓库中,然后就全职作为ABP框架的核心开发人员之一,后面梁仕伟也加入了ABP框架团队。...ABP的作者也回复给我了一封邮件,大体的内容是因为国内盗版官方版本的太多,所以不考虑。并且告诉我他现在的重心开始转移到ABP.IO,也就是ABPVnext的版本中。...市场中总有一双看不见的手 我想你可能猜到了。事情又起了变化。现在看来让我想起了**经济学家凯恩斯在他的著作《国富论》**中提到的那句话“市场中总有一双看不见的手”推动着你走。...然后Angular从6到8到9,慢慢到现在的angular12。
NET Core 基于Quartz的UI可视化操作组件 GZY.Quartz.MUI 简介 GitHub开源地址:l2999019/GZY.Quartz.MUI: 基于Quartz的轻量级,注入化的UI...默认账户名密码是Admin 123456 会自动读取配置文件中的QuartzUI节点下面的UserName和Pwd配置项 所以可通过配置文件修改.如图: 效果如图: ABP中如何集成组件 ABP因为进行了很多深度封装...所以使用本组件与纯粹的ASP.NET CORE中使用会有细微差别 首先,组件要运行在一个Web类型的项目里,也就是ABP的HOST类型....Web,WebAPI,RazorPage都可以 我们需要在ABP的组件的Module中添加如下代码: var optionsBuilder = new DbContextOptionsBuilder<QuarzEFContext...这里也提一下 因为组件使用RCL的技术实现的,所以在开发环境需要手动添加一下静态资源包 .NET5.0的兄弟应该在Program类中添加如下代码: webBuilder.UseStaticWebAssets
记得在半年前.NET CORE刚刚出了1.0,当时有朋友推荐我使用的时候,个人觉得还不成熟。...社区 .net core在社区中的热情也是逐渐提高,微软的产品组也花费了很多心思在 .net core。并且 .net core可以更好的与DDD进行契合。...O(∩_∩)O 欢迎关注我的微信公众号:角落的白板报 技术选型前端会用Angular ,原因很简单,我喜欢Typescript。 后端会用ABP框架,当然我们会从基础课开始学习。...使用ASP.NET CORE与Entity Framework Core 开发入门教程 使用Angular 练习 以上两个教程更多的是教会大家如何使用Angular和.net core进行简单的开发!...下面开始才是正式使用ABP框架进行实际项目的开发。具体上面的内容是哪些呢,我会进行完善。 ABP框架介绍及架构 使用ABP CORE 开发博客系统 - END -
领取专属 10元无门槛券
手把手带您无忧上云