NiceFish是一个系列教学项目,都是Angular这个技术栈。
-
NiceFish:美人鱼,这是一个微型Blog系统,前端基于Angular 4.x + PrimeNG。http://git.oschina.net/mumu-osc/NiceFish/
-
NiceFish-Admin:这是系统管理界面,基于Angular 4.x+PrimeNG,http://git.oschina.net/mumu-osc/NiceFish-Admin
-
NiceFish-ionic:这是一个移动端的demo,基于ionic。http://git.oschina.net/mumu-osc/nicefish-ionic
-
NiceFish-SpringMybatis:这是Java版后台服务,http://git.oschina.net/mumu-osc/NiceFish-SpringMybatis
-
NiceBlogElectron:https://github.com/damoqiongqiu/NiceBlogElectron ,这是一个基于Electron的桌面端项目,把NiceFish用Electron打包成了一个桌面端运行的程序。这是由ZTE中兴通讯的前端道友提供的,我fork了一个,有几个node模块的版本号老要改,如果您正在研究如何利用Electron开发桌面端应用,请参考这个项目。
此项目对应的视频教程(超清),包括所有PPT,请点这里:http://damoqiongqiu.github.io/videos/index.html
有一些人抱怨说视频没有从头手敲代码,跟不上节奏,如果你是从0开始学习Angular,还是看收费版的视频吧,讲得更细致一些(我自己觉得很啰嗦),内容提纲也在我的主页上,你自己找着看。
前后端是完全分离开发的,此项目对应的前端代码位于NiceFish项目的nicefish分支上。请注意,是在http://git.oschina.net/mumu-osc/NiceFish/ 这个项目的nicefish分支上,与其它分支无关,其它分支都是我们日常开发过程中建的分支,还有2个是教学用的分支,与此项目无关。
此项目采用的是maven的组织方式,开发工具使用的是IDEA。
- 最顶层的NiceFish项目,这是总的父项目,它什么也不做,只是一个空的容器,用来容纳和管理外部的开源jar包,所有子maven module项目都依赖于它。
- nicefish-bpm,这个子模块未来用来实现bpm相关的业务;
- nicefish-common-utils,这个子模块用来放自己编写的一些工具类;
- nicefish-order,这个子模块未来用来实现订单相关的业务;
- nicefish-auth,这个子模块用来实现授权相关的业务,依赖于apache shiro框架;
- nicefish-web,这是web入口,它会被打成war包,它依赖于以上所有模块打出来的jar包。
【注意】此项目需要JDK 8和Tomcat 8,如果你不知道如何配置IDEA和Maven的JDK版本,请查看这个链接http://blog.csdn.net/qq_37107280/article/details/73246274
- 第一步:克隆此项目的代码。
- 第二步:在IDEA中导入此项目并配置好Tomcat,如果你不知道如何操作,请点击这个链接,里面有详细的步骤http://www.thinksaas.cn/topics/0/685/685545.html 。
- 第三步:建库,sql脚本在docs/sqls目录下,推荐使用最新版本的mysql或者MariaDB。
- 第四步:配置并启动nginx,把nginx的静态资源目录指向纯前端项目NiceFish的dist目录,如果您不知道如何配置,请参考docs目录下的nginx.conf文件。关于NiceFish纯前端项目的构建过程,请查看项目对应的README。再次强调,能与后端服务对接的代码位于NiceFish项目的nicefish分支上!https://gitee.com/mumu-osc/NiceFish
- 第五步:在IDEA中启动Tomcat服务器,打开你的浏览器访问http://127.0.0.1,就可以看到界面了。
截图示意如下:
如果您有Angular相关的问题需要讨论,或者单纯想跟我Say Hello,请加上面几个扣扣群。注意,我每天都会收到大量的求助消息,真的有点忙,所以请您优先在扣扣群里面讨论问题。
我是大漠穷秋,我的Github个人主页在这里:http://damoqiongqiu.github.io/ 。
MIT
你可以随意使用此项目,无需通知我,因为我可能很忙没空搭理你。