{"id":21562296,"url":"https://github.com/574495412/ng4-bootstrap4","last_synced_at":"2026-04-09T11:59:29.086Z","repository":{"id":122739554,"uuid":"108281222","full_name":"574495412/ng4-bootstrap4","owner":"574495412","description":"ng4+bootstrap4 web","archived":false,"fork":false,"pushed_at":"2017-11-23T14:50:52.000Z","size":2966,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-24T11:32:37.288Z","etag":null,"topics":["angular4","bootstrap4","ng-bootstrap","rongcloud"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/574495412.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-25T14:24:47.000Z","updated_at":"2019-07-22T07:57:57.000Z","dependencies_parsed_at":"2023-07-15T16:16:17.537Z","dependency_job_id":null,"html_url":"https://github.com/574495412/ng4-bootstrap4","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/574495412%2Fng4-bootstrap4","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/574495412%2Fng4-bootstrap4/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/574495412%2Fng4-bootstrap4/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/574495412%2Fng4-bootstrap4/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/574495412","download_url":"https://codeload.github.com/574495412/ng4-bootstrap4/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244159991,"owners_count":20408019,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular4","bootstrap4","ng-bootstrap","rongcloud"],"created_at":"2024-11-24T09:32:19.189Z","updated_at":"2025-12-31T00:16:12.223Z","avatar_url":"https://github.com/574495412.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular4-Bootstrap4-admin\n\n项目地址预览地址:\n\n项目介绍:ng4+b4+融云 活动聊天,从零到bulid的过程,以及ng-bootstrap的坑 , \n\n1,项目暂时不去展示ng4的一些组件,主要展示 Ngb 的用法以及 ng4的简单用法,针对刚学习ng4的同学 \n\n2,项目 , 展示了真实的增删改查 ,分页 ,等\n\n3,项目 展示了 登录 以及工作区域 子路由的配置关系\n\n4,项目 展示了 若何把http封装成 一个公共的  server\n\n5,项目展示了 b4 的引用 以及 他的常用组件的用法\n\n6,项目展示了 b4 的 皮肤制作\n\n7,当你用b4开发后台的时候,不知道该选用什么UI,那么不妨看看 [primeNg](https://v4.bootcss.com/)\n\n项目目前基于\n\n[Angular4](https://angular.cn/docs/ts/latest/quickstart.html) [Angular CLI]\n\n[Angular CLI](https://cli.angular.io/) [Angular CLI]\n\n[Bootstrap4](https://v4.bootcss.com/) version ` ^4.0.0-beta`.[Bootstrap4]\n\n[js-base64](https://github.com/dankogai/js-base64) version `2.1.5`.[js-base64]\n\n[ngx-uploader](https://github.com/jkuri/ngx-uploader) version `^3.0.5`.[ngx-uploader]目前没写\n\n[项目预览]() version `1.1.0`.\n\n## 下载node （下载最新稳定版本即可）\n  \n 下载 Nodejs( v6 or v7)\nInstall Nodejs( v6 or v7)\n\n## 下载@angular/cli （目前版本@angular/cli\": \"^1.5.2\"）\n\nnpm 下载   npm install -g @angular/cli\n\n如果下载cli失败,`请尝试管理员身份运行CMD` 尝试下载 \n\nnpm install  (下载依赖的时候cnpm快,但是直接下载的可能有问题,另外教大家一个,首先用npm下载,若果碰到有个文件下不下来报错,切换成cnpm跑完,那么就可以了)\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.\n\n如果你想得到更小的包 Run `ng build --prod --aot`\n\n## typings.d.ts(系统模块定义)\n\n  例如 declare var $:any;是全局对$符号的定义，可以全局使用jquery，不必在每个组件定义。\n\n## angular-cli.json(angular脚手架，运行ng的命令首先要执行他里面的code)\n\n **常用code简述**\n    root //根目录\n    outDir //打包之后的文件名称\n    assets //插件及imasge\n    index //主页\n    main //ts入口文件\n    styles :样式类插件引入，优先加载\n    scripts：js插件引入，优先加载\n## styles.css（全局css,一般都是公共css）   可用于覆盖 node_modules里的插件模块\n    // \"../node_modules/bootstrap/dist/css/bootstrap.css\",  // \"../node_modules/font-awesome/scss/font-awesome.scss\",\n    优化版本是core.min.css\n\ntypesc\n## 效果图\n\n![缩略图](src/assets/image/md/2.png)\n\n\n#### 对于webstorm的朋友如果下下来抱tslint错误,可以把tslint关闭了\n\n![缩略图](src/assets/image/md/3.png)\n![缩略图](src/assets/image/md/4.png)\n\n## 更新记录\n2017/11/20\n\n1,更新cli版本以及Bootstrap4版本\n\n\n\n\n# 关于\n\n\n大家若果感觉有帮助,可以帮忙点个star, O(∩_∩)O~~~ ,我会继续更新的\n\n2  欢迎大家来一起学习,我会积极回答大家的问题,一起学习ng以及Bootstrap4的 O(∩_∩)O~~\n\n我的QQ  574495412\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F574495412%2Fng4-bootstrap4","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F574495412%2Fng4-bootstrap4","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F574495412%2Fng4-bootstrap4/lists"}