如何编写一个简单的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几步,但折腾了一周,记录之。
技术简介
使用的主要技术
-
前端使用 Angular -
后端使用 Java (Spring MVC) -
数据库使用 MongoDB 3.6 -
IDE 使用 IntelliJ IDEA
Angular
-
Angular(ng) 是一个高级前端框架,致力于 MVC 代码解耦,采用 model, controller 以及 view 方式去组织代码。
-
使用 TypeScript 来创建 Angular 应用,TypeScript 是由微软开发的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法。
-
Node.js 是 JavaScript 程序的运行环境,TypeScript 最终会转译成 JavaScript 在 Node.js 环境中运行。TypeScript 和 Node.js 的关系是编程语言和运行环境的关系。
-
npm 是随 Node.js 一起安装的包管理工具,Angular 的包也需要 npm 来管理。
Spring MVC
-
Spring MVC 是一种基于 Java 实现的 Web MVC 设计模式的请求驱动类型的轻量级 Web 框架。 -
Maven 是一个项目管理工具,可以对 Java 项目进行构建、依赖管理,是一个自动化构建工具。可用于 jar 包的依赖管理、项目一键构建(清理、编译、测试、打包等)。 -
Tomcat 是一个运行 Java 的 web 应用服务器,依赖 Java 环境。
配置详情
配置简介
前端环境配置
-
安装 Nodejs, npm, ng(angluar), python2.7: -
安装 angular client: npm install -g @angular/cli -
安装 typescript: npm install -g typescript -
安装 python2.7 -
执行 npm config set python python2.7
后端环境配置
-
安装 JDK1.8, Tomcat8 -
使用 maven 安装所需依赖库 -
打包并将 war 包(lixxx.war)放到 tomcat\webapps\ 目录下 -
启动 tomcat 服务器
nginx端口转发
-
安装 nginx -
修改 nginx 配置文件 nginx.conf -
启动 nginx
访问
-
假设 ip 地址为:210.71.22.210 -
前端项目访问:http://210.71.22.210:3000 -
后端项目访问 http://210.71.22.210:8080/lixxx -
配置 nginx 后访问 http://210.71.22.210:80
数据库--MongoDB
-
目录结构
mongodb
--mongodb # MongoDB安装目录
--data # 数据
--logs # 日志
--run_mongodb.bat # 启动脚本 -
按上述文件级别创建
logs
,data
文件夹 -
连接 MongoDB,并设置用户名密码,暂时没有添加超级管理员
use test // 跳转到需要添加用户的数据库
db.createUser({
user: 'admin', // 用户名
pwd: '123456', // 密码
roles:[{
role: 'readWrite', // 角色
db: 'test' // 数据库名
}]
}) -
设置配置文件
进入 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 -
启动
windows 下建立启动脚本
run_mongodb.bat
,写入以下内容,双击启动。%~d0
cd %~dp0
.\mongodb\bin\mongod.exe --config="%~dp0\mongodb\mongo.config"
exit
后端--Tomcat
-
设置配置文件
使用默认的 8080 端口,如要更改可以打开
tomcat\conf\server.xml
修改。 -
启动
-
windows:双击 startup.bat
-
linux:直接启动
./startup.sh
,作为服务启动nohup ./startup.sh &
-
将 war 包(lixxx.war 包)放到
tomcat\webapps\
目录下,tomcat 启动后会自动解压。 -
进入
tomcat\bin\
目录,启动tomcat服务。
前端--Angular
-
运行 npm install 在本地安装相应的ng依赖包 -
运行 ng build 编译前端程序 -
运行 ng serve --port 3000 启动前端程序
端口转发--nginx
-
背景
部署这个项目有两个问题:一是先前一个 C# 的 web 项目占用了 80 端口,所以这个 Java 项目就不能用 80 端口了,但是对外只开放了 80 端口,这该怎么搞;二是这个项目是前后端分离的,分别启动了前端和后端项目,那前端怎么和后端联系起来,该如何去请求后端呢?
其实,上述问题是跨域问题,即浏览器从一个域名的网页去请求另一个域名的资源时,域名、端口、协议任一不同,都是跨域。对于问题一,可以使用 nginx 的端口转发(反向代理)来解决,本项目后端 8080 端口和前端 3000 端口都转发到 80 端口,同时也解决了问题二。
-
常用命令
start nginx # 启动
nginx.exe # 启动
nginx.exe -s stop # 停止
nginx.exe -s reload # 重新载入
nginx.exe -s reopen # 打开日志文件
nginx -v # 查看版本 -
配置
打开
\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;
}
} -
开启 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 端口没开放?
-
再次更改 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;
}
} -
成功
终于,http://210.71.22.210 可以成功访问了,真不错。
总结
-
启动 MongoDB 数据库: mongod.exe --config="mongodb\mongo.config
-
启动前端: ng serve -host 210.71.22.210 --port 3000
-
启动后端:双击 startup.bat
启动 Tomcat -
启动 Nginx: 双击 nginx.exe
启动 -
访问: 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前后端实例的主要内容,如果未能解决你的问题,请参考以下文章