基于angular4.0开发的企业级快速开发项目,已经开源

简介: 项目简介angular-base 是一个以 Angular 4.0 为基础的,帮助企业快速开发的种子项目,开箱即用,检出即用。项目首页预览图设计思想君子性非异也,善假于物也。

项目简介

angular-base 是一个以 Angular 4.0 为基础的,帮助企业
快速开发的种子项目,开箱即用,检出即用。

img_c0b4b092967648456f9a40231932bc52.png
项目首页预览图

设计思想

君子性非异也,善假于物也。

小公司开发或者个人开发项目,最好是找现成的轮子,改造一下为自己所用。
节省的不是时间,是钱。

前端设计规范

微小 · 确定 · 幸福

基于阿里的 ANT DESIGN

更多:设计, 资源

使用前需要知道的知识

  • 简单的 htmlcssjs 的前端开发经验
  • 面向对象的编程思想,当然你是后台 Java 或 C# 开发者最好
  • angular4.0以上版本
  • TypeScript
  • 该项目是帮助企业快速开发使用的种子项目,不适合新手学习,建议新手先学习基础知识。

学习angular系列教材整理

集成的开源插件

关于angular2如何使用第三方js库请看这里

集成的开源组件库

集成阿里巴巴开源库 NG-ZORRO 看这里

集成饿了么团队开源库 Element 看这里

快速启动

  • 使用前准备工作
  1. 安装全局的 angular-cli
$ npm i @angular/cli@latest -g

国内用户可以尝试:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

  1. 安装项目依赖与启动:
$ npm i && ng server

错误请参考 angular 开发常见错误src/assets/doc/error.md)

注意

  • 帮助: ng help
  • 改启动端口号: ng serve -p 4300
  • 发布: ng build -prod -base-href ./
  • 开发调试:
  ## 一键启动调试
  $ ng serve --port 0 --open
  ## 如果需要实时调试 AoT 效果,请使用以下命令启动
  $ ng serve --port 0 --open --aot
  • 构建和部署
$ ng build --prod
## 入口文件会构建到 `dist` 目录中,你可以自由部署到不同环境中进行引用。

浏览器兼容性

现代浏览器和 IE9 以上(需要 polyfills)

关于 polyfills(填充)请看这里

查看更多

查看更多请看这里,文档查看也看这里

本项目的所以代码都带文档,文档地址 src/assets/doc/ 文件夹下

邀请你的加入

如果你喜欢 code,喜欢分享,欢迎你的加入,跟我们一起维护这个项目,
展现你独特的精彩。欢迎任何人任何形式的开源,加入请联系 1029538990@qq.com,
qq号和邮箱你随意选择。

增加功能后麻烦也维护一份对应的说明文档。

本项目文档维护在目录 src/assets/doc

本项目案例展示(demo)维护在 src/app/demo

增加新的案例或插件,记得更新对应文档。

加入QQ群一起讨论

欢迎前后端的大神, 317896269 web 开发交流群

项目刚开始,近期会频繁更新,逐渐完善。另外开发者水平有限,如果错误请随时指出,联系邮箱:1029538990@qq.com

相关文章
|
13天前
|
前端开发 JavaScript Java
如何使用 Spring Boot 和 Angular 开发全栈应用程序:全面指南
如何使用 Spring Boot 和 Angular 开发全栈应用程序:全面指南
28 1
|
4月前
|
开发框架 前端开发 JavaScript
使用Angular构建大型企业级应用的技术探索
【8月更文挑战第11天】Angular凭借其强大的组件化开发能力、模块化系统、丰富的生态系统和静态类型检查特性,成为了构建大型企业级应用的理想选择。通过设计良好的架构、使用Angular CLI、组件化开发实践、合理利用服务、性能优化以及严格测试和调试等方法,可以高效地构建出高质量、可维护、可扩展的企业级应用。未来,随着Angular技术的不断发展和完善,相信它将在企业级应用开发领域发挥更加重要的作用。
|
4月前
|
前端开发 Java UED
JSF遇上Material Design:一场视觉革命,如何让传统Java Web应用焕发新生?
【8月更文挑战第31天】在当前的Web开发领域,用户体验和界面美观性至关重要。Google推出的Material Design凭借其独特的动画、鲜艳的颜色和简洁的布局广受好评。将其应用于JavaServer Faces(JSF)项目,能显著提升应用的现代感和用户交互体验。本文介绍如何通过PrimeFaces等组件库在JSF应用中实现Material Design风格,包括添加依赖、使用组件及响应式布局等步骤,为用户提供美观且功能丰富的界面。
51 0
|
4月前
|
前端开发 大数据 数据库
🔥大数据洪流下的决战:JSF 表格组件如何做到毫秒级响应?揭秘背后的性能魔法!💪
【8月更文挑战第31天】在 Web 应用中,表格组件常用于展示和操作数据,但在大数据量下性能会成瓶颈。本文介绍在 JavaServer Faces(JSF)中优化表格组件的方法,包括数据处理、分页及懒加载等技术。通过后端分页或懒加载按需加载数据,减少不必要的数据加载和优化数据库查询,并利用缓存机制减少数据库访问次数,从而提高表格组件的响应速度和整体性能。掌握这些最佳实践对开发高性能 JSF 应用至关重要。
72 0
|
4月前
|
前端开发 安全 开发者
JSF文件上传,让Web应用如虎添翼!一招实现文件上传,让用户爱不释手!
【8月更文挑战第31天】在现代Web应用开发中,文件上传是重要功能之一。JSF(JavaServer Faces)框架提供了强大的文件上传支持,简化了开发流程。本文将介绍JSF文件上传的基本步骤:创建前端表单、处理上传文件的后端Action类、将文件保存到服务器指定目录以及返回结果页面。通过示例代码,我们将展示如何利用JSF实现文件上传功能,包括使用`h:inputFile`控件和`ManagedBean`处理上传逻辑。此外,JSF文件上传还具备类型安全、解耦合和灵活性等优点,有助于提升程序的健壮性和可维护性。
43 0
|
4月前
|
开发者 Java 存储
JSF 与 CDI 携手共进,紧跟技术热点,激发开发者情感共鸣,开启高效开发新征程
【8月更文挑战第31天】JavaServer Faces (JSF) 与 Contexts and Dependency Injection (CDI) 在 Java EE 领域中紧密协作,助力开发者高效构建现代 Web 应用。JSF 凭借其丰富的组件库和页面导航功能受到青睐,而 CDI 则优雅地管理对象生命周期并实现依赖注入。两者结合,不仅简化了复杂企业应用的开发,还实现了松耦合架构,增强了代码的灵活性、可维护性和可扩展性。通过示例展示了如何利用 CDI 将业务服务对象注入 JSF Managed Bean,以及如何在不同页面间共享数据,突显了这一组合的强大功能。
41 0
|
4月前
|
前端开发 API 开发者
JSF与RESTful服务的完美邂逅:如何打造符合现代Web潮流的数据交互新体验
【8月更文挑战第31天】随着互联网技术的发展,RESTful架构风格因其实现简便与无状态特性而在Web服务构建中日益流行。本文探讨如何结合JavaServer Faces (JSF) 和 JAX-RS 构建RESTful API,展示从前端到后端分离的完整解决方案。通过定义资源类、配置 `web.xml` 文件以及使用依赖注入等步骤,演示了在JSF项目中实现RESTful服务的具体过程,为Java开发者提供了实用指南。
43 0
|
4月前
|
前端开发 开发者 安全
JSF支付功能大揭秘:探索如何在Java世界中实现安全无缝的在线支付体验
【8月更文挑战第31天】在电子商务和在线交易日益普及的今天,实现在线支付功能已成为许多Web应用的必备需求。JavaServer Faces (JSF) 作为一种流行的Java Web框架,提供了丰富的组件和工具来构建用户界面,包括与支付网关集成以实现在线支付。支付网关是处理信用卡和借记卡支付的系统,在商家和银行之间起到桥梁作用。本文将探讨如何使用JSF与支付网关集成,以及实现在线支付功能时需要考虑的关键点
50 0
|
4月前
|
前端开发 JavaScript 测试技术
Angular CLI 快速入门超棒!这个提高开发效率的必备工具,带你轻松开启 Angular 项目之旅!
【8月更文挑战第31天】作为一名前端开发者,我发现Angular CLI是提升Angular项目开发效率的强大工具。它是Angular团队提供的命令行工具,能快捷创建、开发及维护项目。通过简单命令即可创建项目、生成组件、服务、模块等,并支持构建、测试与部署,大幅简化开发流程,使开发者更专注业务逻辑。项目结构清晰,便于理解和维护,极大地提高了开发效率。如果你还未尝试Angular CLI,强烈推荐一试,其便捷性定会让你爱不释手。
45 0
|
4月前
|
缓存 前端开发 安全
Angular 与 GraphQL 强势联合超厉害!现代前端数据获取新范式,开启高效开发新旅程!
【8月更文挑战第31天】在前端开发领域,Angular 与 GraphQL 的结合为数据获取带来了革命性的变化。Angular 凭借其强大的组件化开发模式和依赖注入特性,成为构建大型应用的理想选择。然而,在数据获取上,传统 RESTful API 显得力不从心。这时,GraphQL 出现了,它允许前端精确获取所需数据,避免了数据过度获取或不足的问题。通过一个简单的查询语句,即可一次性获取所需数据,极大地提升了效率。虽然在实际应用中仍需解决缓存和错误处理等问题,但这种结合无疑为现代前端数据获取开辟了新道路,推动技术不断进步。
48 0