如何编写一个简单的java web前后端实例

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何编写一个简单的java web前后端实例相关的知识,希望对你有一定的参考价值。

Java代码编写的30条实践建议,很多人认为学习java需要较好的计算机语言基础,而事实上高中学历的学习java,月薪过万的比比皆是,Java代码编写的30条实践建议,java知识点学习贵在积累。
Java代码编写的30条实践建议:
(1) 类名首字母应该大写。字段、方法以及对象(句柄)的首字母应小写。对于所有标识符,其中包含的所有单词都应紧靠在一起,而且大写中间单词的首字母。
例如:
ThisIsAClassName
thisIsMethodOrFieldName
若在定义中出现了常数初始化字符,则大写static final基本类型标识符中的所有字母。这样便可标 志出它们属于编译期的常数。
Java包(Package)属于一种特殊情况:它们全都是小写字母,即便中间的单词亦是如此。对于域名扩展名称,如com,org,net或者edu等,全部都应小写(这也是Java 1.1和Java 1.2的区别之一)。
(2) 为了常规用途而创建一个类时,请采取"经典形式",并包含对下述元素的定义:
equals()
hashCode()
toString()
clone()(implement Cloneable)
implement Serializable
(3) 对于自己创建的每一个类,都考虑置入一个main(),其中包含了用于测试那个类的代码。为使用一个项目中的类,我们没必要删除测试代码。若进行了任何形式的改动,可方便地返回测试。这些代码也可作为如何使用类的一个示例使用。
(4) 应将方法设计成简要的、功能性单元,用它描述和实现一个不连续的类接口部分。理想情况下,方法应简明扼要。若长度很大,可考虑通过某种方式将其分割成较短的几个方法。这样做也便于类内代码的重复使用(有些时候,方法必须非常大,但它们仍应只做同样的一件事情)。
(5) 设计一个类时,请设身处地为客户程序员考虑一下(类的使用方法应该是非常明确的)。然后,再设身处地为管理代码的人考虑一下(预计有可能进行哪些形式的修改,想想用什么方法可把它们变得更简单)。
(6) 使类尽可能短小精悍,而且只解决一个特定的问题。下面是对类设计的一些建议:
■一个复杂的开关语句:考虑采用"多形"机制
■数量众多的方法涉及到类型差别极大的操作:考虑用几个类来分别实现
■许多成员变量在特征上有很大的差别:考虑使用几个类
(7) 让一切东西都尽可能地"私有"--private。可使库的某一部分"公共化"(一个方法、类或者一个字段等等),就永远不能把它拿出。若强行拿出,就可能破坏其他人现有的代码,使他们不得不重新编写和设计。若只公布自己必须公布的,就可放心大胆地改变其他任何东西。
在多线程环境中,隐私是特别重要的一个因素--只有private字段才能在非同步使用的情况下受到保护。
(8) 谨惕"巨大对象综合症"。对一些习惯于顺序编程思维、且初涉OOP领域的新手,往往喜欢先写一个顺序执行的程序,再把它嵌入一个或两个巨大的对象里。根据编程原理,对象表达的应该是应用程序的概念,而非应用程序本身。
(9) 若不得已进行一些不太雅观的编程,至少应该把那些代码置于一个类的内部。
(10) 任何时候只要发现类与类之间结合得非常紧密,就需要考虑是否采用内部类,从而改善编码及维护工作(参见第14章14.1.2小节的"用内部类改进代码")。
(11) 尽可能细致地加上注释,并用javadoc注释文档语法生成自己的程序文档。
(12) 避免使用"魔术数字",这些数字很难与代码很好地配合。如以后需要修改它,无疑会成为一场噩梦,因为根本不知道"100"到底是指"数组大小"还是"其他全然不同的东西"。所以,我们应创建一个常数,并为其使用具有说服力的描述性名称,并在整个程序中都采用常数标识符。这样可使程序更易理解以及更易维护。
(13) 涉及构建器和异常的时候,通常希望重新丢弃在构建器中捕获的任何异常--如果它造成了那个对象的创建失败。这样一来,调用者就不会以为那个对象已正确地创建,从而盲目地继续。
(14) 当客户程序员用完对象以后,若你的类要求进行任何清除工作,可考虑将清除代码置于一个良好定义的方法里,采用类似于cleanup()这样的名字,明确表明自己的用途。除此以外,可在类内放置一个boolean(布尔)标记,指出对象是否已被清除。在类的finalize()方法里,请确定对象已被清除,并已丢弃了从RuntimeException继承的一个类(如果还没有的话),从而指出一个编程错误。在采取象这样的方案之前,请确定finalize()能够在自己的系统中工作(可能需要调用System.runFinalizersOnExit(true),从而确保这一行为)。
(15) 在一个特定的作用域内,若一个对象必须清除(非由垃圾收集机制处理),请采用下述方法:初始化对象;若成功,则立即进入一个含有finally从句的try块,开始清除工作。
(16) 若在初始化过程中需要覆盖(取消)finalize(),请记住调用super.finalize()(若Object属于我们的直接超类,则无此必要)。在对finalize()进行覆盖的过程中,对super.finalize()的调用应属于最后一个行动,而不应是第一个行动,这样可确保在需要基础类组件的时候它们依然有效。
(17) 创建大小固定的对象集合时,请将它们传输至一个数组(若准备从一个方法里返回这个集合,更应如此操作)。这样一来,我们就可享受到数组在编译期进行类型检查的好处。此外,为使用它们,数组的接收者也许并不需要将对象"造型"到数组里。
(18) 尽量使用interfaces,不要使用abstract类。若已知某样东西准备成为一个基础类,那么第一个选择应是将其变成一个interface(接口)。只有在不得不使用方法定义或者成员变量的时候,才需要将其变成一个abstract(抽象)类。接口主要描述了客户希望做什么事情,而一个类则致力于(或允许)具体的实施细节。
(19) 在构建器内部,只进行那些将对象设为正确状态所需的工作。尽可能地避免调用其他方法,因为那些方法可能被其他人覆盖或取消,从而在构建过程中产生不可预知的结果(参见第7章的详细说明)。
(20) 对象不应只是简单地容纳一些数据;它们的行为也应得到良好的定义。
(21) 在现成类的基础上创建新类时,请首先选择"新建"或"创作"。只有自己的设计要求必须继承时,才应考虑这方面的问题。若在本来允许新建的场合使用了继承,则整个设计会变得没有必要地复杂。
(22) 用继承及方法覆盖来表示行为间的差异,而用字段表示状态间的区别。一个非常极端的例子是通过对不同类的继承来表示颜色,这是绝对应该避免的:应直接使用一个"颜色"字段。
(23) 为避免编程时遇到麻烦,请保证在自己类路径指到的任何地方,每个名字都仅对应一个类。否则,编译器可能先找到同名的另一个类,并报告出错消息。若怀疑自己碰到了类路径问题,请试试在类路径的每一个起点,搜索一下同名的.class文件。
(24) 在Java 1.1 AWT中使用事件"适配器"时,特别容易碰到一个陷阱。若覆盖了某个适配器方法,同时拼写方法没有特别讲究,最后的结果就是新添加一个方法,而不是覆盖现成方法。然而,由于这样做是完全合法的,所以不会从编译器或运行期系统获得任何出错提示--只不过代码的工作就变得不正常了。
(25) 用合理的设计方案消除"伪功能"。也就是说,假若只需要创建类的一个对象,就不要提前限制自己使用应用程序,并加上一条"只生成其中一个"注释。请考虑将其封装成一个"独生子"的形式。若在主程序里有大量散乱的代码,用于创建自己的对象,请考虑采纳一种创造性的方案,将些代码封装起来。
(26) 警惕"分析瘫痪"。请记住,无论如何都要提前了解整个项目的状况,再去考察其中的细节。由于把握了全局,可快速认识自己未知的一些因素,防止在考察细节的时候陷入"死逻辑"中。
(27) 警惕"过早优化"。首先让它运行起来,再考虑变得更快--但只有在自己必须这样做、而且经证实在某部分代码中的确存在一个性能瓶颈的时候,才应进行优化。除非用专门的工具分析瓶颈,否则很有可能是在浪费自己的时间。
性能提升的隐含代价是自己的代码变得难于理解,而且难于维护。
(28) 请记住,阅读代码的时间比写代码的时间多得多。思路清晰的设计可获得易于理解的程序,但注释、细致的解释以及一些示例往往具有不可估量的价值。无论对你自己,还是对后来的人,它们都是相当重要的。如对此仍有怀疑,那么请试想自己试图从联机Java文档里找出有用信息时碰到的挫折,这样或许能将你说服。
(29) 如认为自己已进行了良好的分析、设计或者实施,那么请稍微更换一下思维角度。试试邀请一些外来人士--并不一定是专家,但可以是来自本公司其他部门的人。请他们用完全新鲜的眼光考察你的工作,看看是否能找出你一度熟视无睹的问题。采取这种方式,往往能在最适合修改的阶段找出一些关键性的问题,避免产品发行后再解决问题而造成的金钱及精力方面的损失。
(30) 良好的设计能带来最大的回报。简言之,对于一个特定的问题,通常会花较长的时间才能找到一种最恰当的解决方案。但一旦找到了正确的方法,以后的工作就轻松多了,再也不用经历数小时、数天或者数月的痛苦挣扎。我们的努力工作会带来最大的回报(甚至无可估量)。而且由于自己倾注了大量心血,最终获得一个出色的设计方案,成功的快感也是令人心动的。坚持抵制草草完工的诱惑--那样做往往得不偿失。
参考技术A 用model2这种小框架搭建一个喽 参考技术B 你随便网上下一个,看看就行 参考技术C jsp+Servlet 参考技术D 用 bee+sping +springmvc开发比较快.csdn,开源都有很多资料,taobao上也有(搜: 企业级系统样例)

最新开发javaweb的工具: bee+spring+springmvc.
bee 作为orm,用于访问数据库.主要优点是,编写代码少,开发效率高,编码复杂度为O(1).
spring管理bean
springmvc可用于控制层,也可用于返回json数据,实现前后端分离.

前后端分离的web项目

背景

最近接手了一个前后端分离的 web 项目,因为之前很少接触 web 项目,更别提前后端分离的了,感觉很是复杂。项目的 readme 很简约,起初没有重视,折腾了一两天之后重新看,悟了。虽然简单但直接给我指明了技术方向,又折腾了一天,终于在本地运行成功;但是独立启动了前端和后端程序,这两者如何通讯呢?即使实现了通讯,这个项目的端口又如何统一到 80 端口呢?这两个问题搞的我心烦意乱,不过经过他人指点,终于看到了一丝希望,用 nginx 进行端口转发。

踩完一个又一个坑,重新看这个项目,其实无非也就是10几步,但折腾了一周,记录之。

技术简介

使用的主要技术

  1. 前端使用 Angular
  2. 后端使用 Java (Spring MVC)
  3. 数据库使用 MongoDB 3.6
  4. IDE 使用 IntelliJ IDEA

Angular

  1. Angular(ng) 是一个高级前端框架,致力于 MVC 代码解耦,采用 model, controller 以及 view 方式去组织代码。

  2. 使用 TypeScript 来创建 Angular 应用,TypeScript 是由微软开发的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法。

  3. Node.js 是 JavaScript 程序的运行环境,TypeScript 最终会转译成 JavaScript 在 Node.js 环境中运行。TypeScript 和 Node.js 的关系是编程语言和运行环境的关系。

  4. npm 是随 Node.js 一起安装的包管理工具,Angular 的包也需要 npm 来管理。

Spring MVC

  1. Spring MVC 是一种基于 Java 实现的 Web MVC 设计模式的请求驱动类型的轻量级 Web 框架。
  2. Maven 是一个项目管理工具,可以对 Java 项目进行构建、依赖管理,是一个自动化构建工具。可用于 jar 包的依赖管理、项目一键构建(清理、编译、测试、打包等)。
  3. Tomcat 是一个运行 Java 的 web 应用服务器,依赖 Java 环境。

配置详情

配置简介

前端环境配置

  1. 安装 Nodejs, npm, ng(angluar), python2.7:
    1. 安装 angular client:  npm install -g @angular/cli
    2. 安装 typescript:   npm install -g typescript
    3. 安装 python2.7
    4. 执行 npm config set python python2.7

后端环境配置

  1. 安装 JDK1.8, Tomcat8
  2. 使用 maven 安装所需依赖库
  3. 打包并将 war 包(lixxx.war)放到 tomcat\webapps\ 目录下
  4. 启动 tomcat 服务器

nginx端口转发

  1. 安装 nginx
  2. 修改 nginx 配置文件 nginx.conf
  3. 启动 nginx

访问

  1. 假设 ip 地址为:210.71.22.210
  2. 前端项目访问:http://210.71.22.210:3000
  3. 后端项目访问 http://210.71.22.210:8080/lixxx
  4. 配置 nginx 后访问 http://210.71.22.210:80

数据库--MongoDB

  1. 目录结构

    mongodb
    --mongodb # MongoDB安装目录
    --data # 数据
    --logs # 日志
    --run_mongodb.bat # 启动脚本
  2. 按上述文件级别创建 logs, data 文件夹

  3. 连接 MongoDB,并设置用户名密码,暂时没有添加超级管理员

    use test  // 跳转到需要添加用户的数据库
    db.createUser({
      user'admin',  // 用户名
      pwd: '123456',  // 密码
      roles:[{
        role'readWrite',  // 角色
        db: 'test'  // 数据库名
      }]
    })
  4. 设置配置文件

    进入 MongoDB 安装目录,创建(打开) mongo.config文件,写入以下内容。

    # 数据库数据存放目录
    dbpath=D:\mongodb\data
    # 数据库日志存放目录
    logpath=D:\mongodb\logs\mongodb.log 
    logappend=true
    journal=true
    # 开启用户认证
    auth=true
    # 端口
    port=27017
    # ip
    bind_ip=127.0.0.1
  5. 启动

    windows 下建立启动脚本 run_mongodb.bat,写入以下内容,双击启动。

    %~d0
    cd %~dp0
    .\mongodb\bin\mongod.exe --config="%~dp0\mongodb\mongo.config"
    exit

后端--Tomcat

  1. 设置配置文件

    使用默认的 8080 端口,如要更改可以打开 tomcat\conf\server.xml 修改。

  2. 启动

    • windows:双击 startup.bat

    • linux:直接启动 ./startup.sh,作为服务启动 nohup ./startup.sh &

    1. 将 war 包(lixxx.war 包)放到 tomcat\webapps\ 目录下,tomcat 启动后会自动解压。

    2. 进入 tomcat\bin\ 目录,启动tomcat服务。

前端--Angular

  1. 运行 npm install  在本地安装相应的ng依赖包
  2. 运行 ng build 编译前端程序
  3. 运行 ng serve --port 3000 启动前端程序

端口转发--nginx

  1. 背景

    部署这个项目有两个问题:一是先前一个 C# 的 web 项目占用了 80 端口,所以这个 Java 项目就不能用 80 端口了,但是对外只开放了 80 端口,这该怎么搞;二是这个项目是前后端分离的,分别启动了前端和后端项目,那前端怎么和后端联系起来,该如何去请求后端呢?

    其实,上述问题是跨域问题,即浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。对于问题一,可以使用 nginx 的端口转发(反向代理)来解决,本项目后端 8080 端口和前端  3000 端口都转发到 80 端口,同时也解决了问题二。

  2. 常用命令

    start nginx # 启动
    nginx.exe # 启动
    nginx.exe -s stop  # 停止 
    nginx.exe -s reload # 重新载入
    nginx.exe -s reopen # 打开日志文件
    nginx -v # 查看版本
  3. 配置

    打开 \nginx\conf\nginx.conf 文件,作如下更改。

    server {
    listen 80; # 监听端口
    server_name localhost;

    location / {
    proxy_pass http://localhost:3000/; # 代理网址,前端
    proxy_set_header Host $http_host;
    }

    location /lixxx {
    proxy_pass http://localhost:8080/; # 后端
    proxy_set_header Host $http_host;
    }
    }
  4. 开启 80 端口

    终于配置好了,但是为啥在浏览器输入 http://210.71.22.210:80 还是不能访问。莫非是80端口没开放?

    # 查看到 Chain In_public_allow 字段下确实没有 80 端口
    iptables -L -n 

    #
     开放 80 端口
    # 查看防火墙是否开启
    systemctl status firewalld

    #
     若没有开启则开启
    systemctl start firewalld

    #
     查看所有开启的端口
    firewall-cmd --list-ports  # 确定没有开放 80 端口

    #
     防火墙开启80端口
    firewall-cmd --zone=public --add-port=80/tcp --permanent

    #
     重启  
    firewall-cmd --reload

    #
     再执行 
    firewall-cmd --list-ports # 确认已开启 80 端口

    很奇怪,8080, 27017, 3000 端口都是开放的,为啥只有 80 端口没开放?

  5. 再次更改 nginx.conf

    server {
    listen 80;
    server_name xxx.xx.xx.xxx;

    location / {
    proxy_pass http://xxx.xx.xx.xxx:3000/;
    proxy_set_header Host $http_host;
    }

    location /lixxx {
    proxy_pass http://xxx.xx.xx.xxx:8080/;
    proxy_set_header Host $http_host;
    }
    }
  6. 成功

    终于,http://210.71.22.210 可以成功访问了,真不错。

总结

  1. 启动 MongoDB 数据库: mongod.exe --config="mongodb\mongo.config
  2. 启动前端: ng serve -host 210.71.22.210 --port 3000
  3. 启动后端:双击 startup.bat 启动 Tomcat
  4. 启动 Nginx:  双击 nginx.exe 启动
  5. 访问:   http://210.71.22.210

参考资料

https://blog.csdn.net/death05/article/details/100973673

https://blog.csdn.net/weixin_38750084/article/details/90387056

https://zhuanlan.zhihu.com/p/108740468

https://blog.csdn.net/qq_28379809/article/details/87995524


以上是关于如何编写一个简单的java web前后端实例的主要内容,如果未能解决你的问题,请参考以下文章

网站开发过程中,前后端是如何进行交互的?

一个简单粗暴的前后端分离方案

Web 前后端为啥需要分离?

前端和后端如何进行交互流程

前后端分离的web项目

这个极简前后端分离应用不能错过