angular工作流UI

2024-10-17

开源半成品的Web版工作流模板设计器(基于AngularJS 2和Redux), 还在继续填坑中

先上个图: 很多企业内部的应用都需要有个工作流平台(插件),无奈灵活方便好用且能够自行更改代码定制嵌入的实在不多,只好自己动手慢慢搞. https://github.com/shibamo/99-flow-designer 关于自动型活动思考了很久, 决定基于以前的项目经验, 放弃让最终客户能够配置较复杂的工作流自动条件的想法: 事实上即使是负责定义流程的KBU和领导脑子也是很乱的,毕竟人的想法未经代码验证和各类状态图枚举前,总是会挂一漏万. 还不如更贴近懂C#的二次开发实施人员, 结合Rosl

开始学习Angular Mobile UI

介绍 Mobile AngularUI 可以让你使用Twitter Booostrap和Angular JS来开发混合移动App和桌面应用程序. 下面是是一些贯穿整个项目的步骤,我强烈的建议你去继续阅读,然后去阅读详情开始指导. 动过实例学习 Demo是一个学习Mobile Angular UI的一个很好的方式. 你可以从这里下载资源:https://github.com/mcasimir/mobile-angular-ui/tags. 打开下载好的文档浏览demo文件夹下面的文件如果你很熟

阿里云 Angular 2 UI框架 NG-ZORRO介绍

说明: Angular2出来后,一直想找个基于Angular2的前端后台管理框架,但一直没有找到比较适合的.前段时间在Angular官网资源无意之间看到NG-ZORRO,NG-ZORRO由阿里计算平台事业部.阿里云等不同部门的一些小伙伴在原业务组件的基础上共同构建而成,而且已开源,现在是0.6.0的版本,组件功能已经很齐全了,更符合我们国人使用习惯,已兼容Angular 5.0版本.是目前为止我见过的最全面.最好.最符合国人使用习惯的管理后台angular 2 UI模板. 文档查看官方网站:ht

Angular 2 to Angular 4 with Angular Material UI Components

Download Source - 955.2 KB Content Part 1: Angular2 Setup in Visual Studio 2017, Basic CRUD application, third party modal pop up control Part 2: Filter/Search using Angular2 pipe, Global Error handling, Debugging Client side Part 3: Angular 2 to Ang

Angular第三方UI组件库------ionic

一.Angular UI组件库 ------------ionic 1. 官网:https://ionicframework.com 文档:https://ionicframework.com/docs 概述:是一个移动端UI组件库,可以与Angular/Vue/React组合应用,也可以单独使用(SCRIPT直接引入) 可以使用lonic的步骤: 1.下载并安装全局的脚手架工具 npm i -g ionic 默认安装在c:/users/用户名/appdata/roam

angular路由——ui.route

angular路由使用案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> </head> <body ng-app="myApp"> <a href="" ui-sref="lol"&g

angular中ui calendar的一些使用心得

ui calendar是封装fullcalendar的一款angular指令插件官方地址:http://angular-ui.github.io/ui-calendar/ fullcalendar 和ui calendar包安装我就不介绍了.自行百度下. 包安装好后,添加路径引用本次开发环境angular1.x 调用 <div ui-calendar="uiConfig.calendar" class="span8 calendar" ng-model=&

容器化分布式日志组件ExceptionLess的Angular前端UI

写在前面随着微服务架构的流行,日志也需要由专门的分布式日志组件来完成这个工作,我们项目使用的是 ExceptionLess 这个组件,它是前后端分离的:这篇文章我们就来实践容器化 ExceptionLess 的前端,并为其包含一个 nginx 的宿主,形成一个能够独立运行的.自包含的环境,这样当我们使用k8s集群的时候,就可以使用这个开箱即用的镜像,任意伸缩,滚动更新,按需扩容等等. ExceptionLess UI 是使用Angular开发的一个纯前端 Web UI,首先我们需要安装环境(g

Domino Angular 前端UI开发

因为如今前端的要求越来越专业化,不少企业已经有前端的专业职位了.当然我们dominio软件企业.有些也在特意招一些前端的project师. 比方如今流程的多平台(之前我的有教程).就必需要有专业的UI设计来处理,才干提高客户的认同感.才干有市场.近期做个Angular JS在domino中的一些应用吧.从简单開始,假设有意同学,请关注! 1)Angular JS的双数据绑定 2)Angular的MVC模式 3)Angular 模块化 4)Augular指令

angular 的ui.router 定义不同的state 对应相同的url

Angular UI Router: Different states with same URL? The landing page of my app has two states: home-public, home-logged-in. Now I want to show both states on the same URL, but let the controller and template depend on the user session (is the user log

Angular Mobile UI API文档

这个是angular-mobile-ui的主要模块应用这个模块你也将同时获取到mobile-angular-ui.core和mobile-angular-ui.components的特性他不在需要其他任何的css 使用在你的应用中声明以下代码 angular.module('myApp', ['mobile-angular-ui']); 里面包含了手势拖拽滑动触碰变化组件模式导航条滚动侧边栏开关核心活动链接铺货外部点击状态共享默认触碰移动手势他用支持触

安装 Angular Material UI

文档调色板安装 ng add @angular/material ? Choose a prebuilt theme name, or "custom" for a custom theme: Custom ? Set up HammerJS for gesture recognition? Yes ? Set up browser animations for Angular Material? Yes 创建 mat.module $ ng g module mat --flat

angular router ui bug !

https://github.com/angular-ui/ui-router/issues/600 https://github.com/angular-ui/ui-router/issues/2229 看完以上的问题,可想是没有结果的! 具体问题: $urlRouterProvider.when("/", "/companys"); 被执行时如果有prevent.default 是不可以以加载templateURl的! 避开方法是用template .

angular动态绑定样式以及改变UI框架样式的方法

一:angular动态绑定样式举个栗子: <tr *ngFor="let dataTr of tableData;let i = index" [formGroupName]="i" [ngClass]='isHideClass(i)'> isHideClass(index){ const data = this.tableData[index]; // if(data['532411351520251904'].value.valueText==='

AngularJs的UI组件ui-Bootstrap---tabs控件

tabs控件使用uib-tabset指令和uib-tab指令,效果是这样的: <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&

AngularJs的UI组件ui-Bootstrap分享（十四）——Carousel

Carousel指令是用于图片轮播的控件,引入ngTouch模块后可以在移动端使用滑动的方式使用轮播控件. <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;

AngularJs的UI组件ui-Bootstrap分享（十三）——Progressbar

进度条控件有两种指令,第一种是uib-progressbar指令,表示单一颜色和进度的一个进度条.第二种是uib-bar和uib-progress指令,表示多种颜色和多个进度组合而成的一个进度条. 这是一个使用uib-progressbar指令的例子: <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <head&

AngularJs的UI组件ui-Bootstrap分享（十二）——Rating

Rating是一个用于打分或排名的控件.看一个最简单的例子: <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&

AngularJs的UI组件ui-Bootstrap分享（十一）——Typeahead

Typeahead指令是一个用于智能提示或自动完成的控件,就像Jquery的AutoComplete控件一样.来看一个最简单的例子: <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=&qu

AngularJs的UI组件ui-Bootstrap分享（十）——Model

Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服务,创建模态窗口是使用$uibModal.open()方法. 创建模态窗口时,要有一个模态窗口的模板和对应的控制器,然后在open()方法的参数中指定它们.来看一个例子: <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <

AngularJs的UI组件ui-Bootstrap分享（九）——Alert

alert指令会在页面上显示一条提示消息,效果是这样: 代码为: <!DOCTYPE html> <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

angular工作流UI

热门专题