首先,这是一个java web项目.所以我们要创建一个web项目,使用工具eclipse.
创建完成项目后,在WebContent下创建css和js文件夹,用来存放静态资源文件,在WebContent下新建一个jsp页面,用来做翻译的页面.
前台写的很渣,就不献丑了,有一点要记住,就是一般情况下用link标签引入css文件,用script引入js文件.这是我的前台页面,抄的百度翻译(省略版),毕竟我不是要做一个百度
这个是jsp源码
index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>百度翻译</title>
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<link rel="icon" type="image/png"
href="//fanyi.bdstatic.com/static/translation/img/favicon/favicon-32x32_ca689c3.png"
sizes="32x32" />
<link rel="icon" type="image/png"
href="//fanyi.bdstatic.com/static/translation/img/favicon/favicon-16x16_e1883cf.png"
sizes="16x16" />
<link rel="shortcut icon" type="image/x-icon"
href="//fanyi.bdstatic.com/static/translation/img/favicon/favicon_d87cd2a.ico" />
<link rel="bookmark" type="image/x-icon"
href="//fanyi.bdstatic.com/static/translation/img/favicon/favicon_d87cd2a.ico" />
<link rel="stylesheet" type="text/css" href="./css/main.css">
</head>
<body>
<img class="img_baidu"
src="//fanyi.bdstatic.com/static/translation/img/header/logo_cbfea26.png"
alt="" />
<br />
<div class="div_body"></div>
<br />
<div class="div_from">
<select id="from">
<option value="auto"> 自动检测 </option>
<option value="zh"> 中文 </option>
<option value="en"> 英语 </option>
<option value="yue"> 粤语 </option>
<option