WEBAPP开发教程中小型企业Web开发框架
凌雪 2018-10-25 来源 :网络 阅读 890 评论 0

摘要:本文将带你了解WEBAPP开发教程中小型企业Web开发框架,希望本文对大家学WEBAPP有所帮助。

本文将带你了解WEBAPP开发教程中小型企业Web开发框架,希望本文对大家学WEBAPP有所帮助。


基于Spring+SpringMVC+Mybatis分布式敏捷开发系统架构,提供整套公共微服务服务模块:集中权限管理(单点登录)、内容管理、支付中心、用户管理(支持第三方登录)、微信平台、存储系统、配置中心、日志分析、任务和通知等,支持服务治理、监控和追踪,努力为中小型企业打造全方位J2EE企业级开发解决方案。
   
   
   
    技术选型
    后端技术:
    技术
    名称
    官网
    Spring Framework
    容器
    //projects.spring.io/spring-framework/
    SpringMVC
    MVC框架
      //docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc
    Apache Shiro
    安全框架
    //shiro.apache.org/
    Spring session
    分布式Session管理
    //projects.spring.io/spring-session/
    MyBatis
    ORM框架
    //www.mybatis.org/mybatis-3/zh/index.html
    MyBatis Generator
    代码生成
    //www.mybatis.org/generator/index.html
    PageHelper
    MyBatis物理分页插件
    //git.oschina.net/free/Mybatis_PageHelper
    Druid
    数据库连接池
    https://github.com/alibaba/druid
    FluentValidator
    校验框架
    https://github.com/neoremind/fluent-validator
    Thymeleaf
    模板引擎
    //www.thymeleaf.org/
    Velocity
    模板引擎
    //velocity.apache.org/
    ZooKeeper
    分布式协调服务
    //zookeeper.apache.org/
    Dubbo
    分布式服务框架
    //dubbo.io/
    TBSchedule & elastic-job
    分布式调度框架
    https://github.com/dangdangdotcom/elastic-job
    Redis
    分布式缓存数据库
    https://redis.io/
    Solr & Elasticsearch
    分布式全文搜索引擎
    //lucene.apache.org/solr/ https://www.elastic.co/
    Quartz
    作业调度框架
    //www.quartz-scheduler.org/
    Ehcache
    进程内缓存框架
    //www.ehcache.org/
    ActiveMQ
    消息队列
    //activemq.apache.org/
    JStorm
    实时流式计算框架
    //jstorm.io/
    FastDFS
    分布式文件系统
    https://github.com/happyfish100/fastdfs
    Log4J
    日志组件
    //logging.apache.org/log4j/1.2/
    Swagger2
    接口测试框架
    //swagger.io/
    sequence
    分布式高效ID生产
    //git.oschina.net/yu120/sequence
    AliOSS & Qiniu & QcloudCOS
    云存储
      https://www.aliyun.com/product/oss/ //www.qiniu.com/ https://www.qcloud.com/product/cos
    Protobuf & json
    数据序列化
    https://github.com/google/protobuf
    Jenkins
    持续集成工具
    https://jenkins.io/index.html
    Maven
    项目构建管理
    //maven.apache.org/
    前端技术:
    技术
    名称
    官网
    jQuery
    函式库
    //jquery.com/
    Bootstrap
    前端框架
    //getbootstrap.com/
    Bootstrap-table
    Bootstrap数据表格
    //bootstrap-table.wenzhixin.net.cn/
    Font-awesome
    字体图标
    //fontawesome.io/
    material-design-iconic-font
    字体图标
    https://github.com/zavoloklom/material-design-iconic-font
    Waves
    点击效果插件
    https://github.com/fians/Waves
    zTree
    树插件
    //www.treejs.cn/v3/
    Select2
    选择框插件
    https://github.com/select2/select2
    jquery-confirm
    弹出窗口插件
    https://github.com/craftpip/jquery-confirm
    jQuery EasyUI
    基于jQuery的UI插件集合体
    //www.jeasyui.com
    React
    界面构建框架
    https://github.com/facebook/react
    Editor.md
    Markdown编辑器
    https://github.com/pandao/editor.md
    zhengAdmin
    后台管理系统模板
    https://github.com/shuzheng/zhengAdmin
    autoMail
    邮箱地址自动补全插件
    https://github.com/shuzheng/autoMail
    zheng.jprogress.js
    加载进度条插件
    https://github.com/shuzheng/zheng.jprogress.js
    zheng.jtotop.js
    返回顶部插件
    https://github.com/shuzheng/zheng.jtotop.js
    架构图
   
   
   
    模块依赖
   
   
    模块介绍
   
   
    zheng-common
   
   
      Spring+SpringMVC+Mybatis框架集成公共模块,包括公共配置、MybatisGenerator扩展插件、通用BaseService、工具类等。
   
   
    zheng-admin
   
   
    基于bootstrap实现的响应式Material   Design风格的通用后台管理系统,zheng项目所有后台系统都是使用该模块界面作为前端展示。
   
   
    zheng-ui
   
   
    各个子系统前台thymeleaf模板,前端资源模块,使用nginx代理,实现动静分离。
   
   
    zheng-upms
   
   
      本系统是基于RBAC授权和基于用户授权的细粒度权限控制通用平台,并提供单点登录、会话管理和日志管理。接入的系统可自由定义组织、角色、权限、资源等。用户权限=所拥有角色权限合集+用户加权限-用户减权限,优先级:用户减权限>用户加权限>角色权限
   
   
    zheng-oss
   
   
    文件存储系统,提供四种方案:
    阿里云 OSS腾讯云 COS七牛云本地分布式存储
   
   
   
    zheng-api
   
   
    服务网关,对外暴露统一规范的接口和包装响应结果,包括各个子系统的交互接口、对外开放接口、开发加密接口、接口文档等服务,可在该模块支持验签、鉴权、路由、限流、监控、容错、日志等功能。示例图:
   
   
   
   
    zheng-cms
   
   
    内容管理系统:支持多标签、多类目、强大评论的内容管理,有基本单页展示,菜单管理,系统设置等功能。
   
   
    zheng-pay
   
   
   
    一站式支付解决方案,统一下单接口,支持支付宝、微信、网银等多种支付方式。不涉及业务的纯粹的支付平台。
   
   
    统一下单(统一下单接口、统一扫码)、订单管理、数据分析、财务报表、商户管理、渠道管理、对账系统、系统监控。
   
   
   
   
    zheng-ucenter
   
   
    通用用户管理系统, 实现最常用的用户注册、登录、资料管理、个人中心、第三方登录等基本需求,支持扩展二次开发。
   
   
    zheng-wechat-mp
   
   
      微信公众号管理平台,除实现官网后台自动回复、菜单管理、素材管理、用户管理、消息群发等基础功能外,还有二维码推广、营销活动、微网站、会员卡、优惠券等。
   
   
    zheng-wechat-app
   
   
    微信小程序后台
    环境搭建(QQ群内有“zheng环境搭建和系统部署文档.doc”)
    开发工具:
    MySql: 数据库jetty: 开发服务器Tomcat: 应用服务器SVN|Git: 版本管理Nginx: 反向代理服务器Varnish:   HTTP加速器IntelliJ IDEA: 开发IDEPowerDesigner: 建模工具Navicat for MySQL:   数据库客户端开发环境:
    Jdk7+Mysql5.5+RedisZookeeperActiveMQDubbo-adminDubbo-monitor工具安装
   
    环境搭建和系统部署文档(作者:小兵,QQ群共享提供下载)
    资源下载
      JDK7 //www.oracle.com/technetwork/java/javase/downloads/java-archive-downloads-javase7-521261.htmlMaven //maven.apache.org/download.cgiRedis https://redis.io/downloadActiveMQ //activemq.apache.org/download-archives.htmlZooKeeper //www.apache.org/dyn/closer.cgi/zookeeper/Dubbo //dubbo.io/Download-zh.htmElastic   Stack https://www.elastic.co/downloadsNginx //nginx.org/en/download.htmlJenkins //updates.jenkins-ci.org/download/war/dubbo-admin-2.5.3 //download.csdn.net/detail/shuzheng5201314/9733652dubbo-admin-2.5.4-SNAPSHOT-jdk8 //download.csdn.net/detail/shuzheng5201314/9733657更多资源请加QQ群开发指南:
    1、本机安装Jdk7、Mysql、Redis、Zookeeper、ActiveMQ并启动相关服务,使用默认配置默认端口即可2、克隆源代码到本地并打开,推荐使用IntelliJ   IDEA,本地编译并安装到本地maven仓库修改本地Host
   
   
    127.0.0.1 ui.zhangshuzheng.cn
   
   
    127.0.0.1 upms.zhangshuzheng.cn
   
   
    127.0.0.1 cms.zhangshuzheng.cn
   
   
    127.0.0.1 pay.zhangshuzheng.cn
   
   
    127.0.0.1 ucenter.zhangshuzheng.cn
   
   
    127.0.0.1 wechat.zhangshuzheng.cn
   
   
    127.0.0.1 api.zhangshuzheng.cn
   
   
    127.0.0.1 oss.zhangshuzheng.cn
   
   
    127.0.0.1 config.zhangshuzheng.cn
   
   
    127.0.0.1 zkserver
   
   
    127.0.0.1 rdserver
   
   
    127.0.0.1 dbserver
   
   
    127.0.0.1 mqserver
    编译流程
   
    maven编译安装zheng/pom.xml文件即可
    启动顺序(后台)
   
   
    准备工作
   
   
   
    新建zheng数据库,导入project-datamodel文件夹下的zheng.sql
   
   
    修改各dao模块和rpc-service模块的redis.properties、jdbc.properties、generator.properties数据库连接等配置信息,其中master.redis.password、master.jdbc.password、slave.jdbc.password、generator.jdbc.password密码值使用了AES加密,请使用com.zheng.common.util.AESUtil工具类修改这些值
   
   
    启动Zookeeper、Redis、ActiveMQ、Nginx(配置文件参考project-tools/nginx下的*.conf文件)
   
   
    zheng-upms
   
    首先启动   zheng-upms-rpc-service(直接运行src目录下的ZhengUpmsRpcServiceApplication#main方法启动)   => zheng-upms-server(jetty),然后按需启动对应子系统xxx的zheng-xxx-rpc-service(main方法)   => zheng-xxx-webapp(jetty)
   
   
   
      访问 //upms.zhangshuzheng.cn:1111/,子系统菜单已经配置到zheng-upms权限中,不用直接访问子系统,默认帐号密码:admin/123456
   
   
    登录成功后,可在右上角切换已注册系统访问
   
   
    zheng-cms
   
   
   
    zheng-cms-admin:启动ActiveMQ-启动 => 启动zheng-rpc-service =>   启动zheng-cms-admin
   
   
    zheng-cms-web:启动nginx代理zheng-ui静态资源,配置文件可参考 nginx.conf
   
   
    zheng-oss
   
   
   
    首先启动zheng-oss-web服务
   
   
    开发阶段,如果zheng-oss-web没有公网域名,推荐使用ngrok内网穿透工具,为开发环境提供公网域名,实现上传回调
   
   
    启动nginx代理zheng-ui静态资源
    开发演示(QQ群内有“zheng十分钟视频:从检出到启动.wmv”)
   
   
    创建数据表(建议使用PowerDesigner)
   
   
    直接运行对应项目dao模块中的generator.main(),可自动生成单表的CRUD功能和对应的model、example、mapper、service代码
   
   
    生成的model和example均已实现Serializable接口,支持分布式
   
   
    已包含抽象类BaseServiceImpl,只需要继承抽象类并传入泛型参数,即可默认实现mapper接口所有方法,特殊需求直接扩展即可
   
   
    BaseServiceImpl默认已实现四种根据条件分页接口
   
   
    selectByExampleWithBLOBsForStartPage()
   
   
    selectByExampleForStartPage()
   
   
    selectByExampleWithBLOBsForOffsetPage()
   
   
    selectByExampleForOffsetPage()
   
   
    BaseServiceImpl方法根据读写操作自动切换主从数据源,继承的扩展接口,可手动通过DynamicDataSource.setDataSource(DataSourceEnum.XXX.getName())指定数据源
   
   
    启动流程:优先rcp-service服务提供者,再启动其他webapp
   
   
    扩展流程:可扩展和拆分rpc-api和rpc-service模块,可按微服务拆分或场景拆分
    部署方式(QQ群内有“zheng十分钟视频:从打包到linux服务器部署.wmv”)
   
   
    war包项目:使用tomcat等web容器启动
   
   
      rpc-service服务提供者jar包:将打包后的zheng-xxx-rpc-service-assembly.tar.gz文件解压,使用bin目录的管理脚本运行即可,支持优雅停机。
    框架规范约定
   
    约定优于配置(convention over configuration),此框架约定了很多编程规范,下面一一列举:
   
   
    - service类,需要在叫名`service`的包下,并以`Service`结尾,如`CmsArticleServiceImpl`
   
    -   controller类,需要在以`controller`结尾的包下,类名以Controller结尾,如`CmsArticleController.java`,并继承`BaseController`
   
    - spring task类,需要在叫名`task`的包下,并以`Task`结尾,如`TestTask.java`
   
    -   mapper.xml,需要在名叫`mapper`的包下,并以`Mapper.xml`结尾,如`CmsArticleMapper.xml`
   
    - mapper接口,需要在名叫`mapper`的包下,并以`Mapper`结尾,如`CmsArticleMapper.java`
   
    - model实体类,需要在名叫`model`的包下,命名规则为数据表转驼峰规则,如`CmsArticle.java`
   
    - spring配置文件,命名规则为`applicationContext-*.xml`
   
    - 类名:首字母大写驼峰规则;方法名:首字母小写驼峰规则;常量:全大写;变量:首字母小写驼峰规则,尽量非缩写
   
    - springmvc配置加到对应模块的`springMVC-servlet.xml`文件里
   
    - 配置文件放到`src/main/resources`目录下
   
    - 静态资源文件放到`src/main/webapp/resources`目录下
   
    - jsp文件,需要在`/WEB-INF/jsp`目录下
   
    -   `RequestMapping`和返回物理试图路径的url尽量写全路径,如:`@RequestMapping("/manage")`、`return   "/manage/index"`
   
    - `RequestMapping`指定method
   
    - 模块命名为`项目`-`子项目`-`业务`,如`zheng-cms-admin`
   
    - 数据表命名为:`子系统`_`表`,如`cms_article`
   
    - 更多规范,参考[[阿里巴巴Java开发手册]   //git.oschina.net/shuzheng/zheng/attach_files
   
   
   
   
    演示地址
   
    演示地址: //upms.zhangshuzheng.cn/
    预览图
   
   
    数据模型
   
   
    拓扑图
   
   
    开发进度
   
   
    参与开发
   
    首先谢谢大家支持,如果你希望参与开发,欢迎通过Github上fork本项目,并Pull Request您的commit。
    常见问题
   
   
      Eclipse下,dubbo找不到dubbo.xsd报错,不影响使用,如果要解决,可参考 //blog.csdn.net/gjldwz/article/details/50555922
   
   
    报zheng-xxx.jar包找不到,请按照文档编译顺序,将源代码编译并安装到本地maven仓库
   
   
    zheng-cms-admin启动卡住:因为没有启动activemq
   
   
    zheng-upms-server访问报session不存在:因为没有启动redis服务
   
   
    界面没有样式:因为zheng-admin没有编译安装到本地仓库
    附件
    优秀文章和博客
   
   
    创业互联网公司如何搭建自己的技术框架
   
   
    微服务实战
   
   
    单点登录原理与简单实现
   
   
    ITeye论坛关于权限控制的讨论
   
   
    RBAC新解:基于资源的权限管理(Resource-Based Access Control)
   
   
    网站架构经验随笔
   
   
    支付系统架构
   
   
    Spring整合JMS
   
   
    跟我学Shiro目录贴
   
   
    跟我学SpringMVC目录汇总贴
   
   
    跟我学spring3 目录贴
   
   
    跟我学OpenResty(Nginx+Lua)开发目录贴
   
   
    Redis中文网
   
   
    读懂Redis并配置主从集群及高可用部署
   
   
    Redis哨兵-实现Redis高可用
   
   
    ELK(ElasticSearch, Logstash,
     Kibana)搭建实时日志分析平台
   
   
    Nginx基本功能极速入门
   
   
    mybatis-genarator 自定义插件
   
   
    Elasticsearch权威指南(中文版)
   
   
    springMVC对简单对象、Set、List、Map的数据绑定和常见问题.
   
   
    如何细粒度地控制你的MyBatis二级缓存
   
   
    做个男人,做个成熟的男人,做个有城府的男人
    在线小工具
   
   
    在线Cron表达式生成器
   
   
    在线工具 - 程序员的工具箱
    在线文档
   
   
    JDK7英文文档
   
   
    Spring4.x文档
   
   
    Mybatis3官网
   
   
    Dubbo官网
   
   
    Nginx中文文档
   
   
    Freemarker在线手册
   
   
    Velocity在线手册
   
   
    Bootstrap在线手册
   
   
    Git官网中文文档
   
   
    Thymeleaf    

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道!

本文由 @凌雪 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程