AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【三剑客+JSP+Mysql+Tomcat】从前到后搭建简易编程导航小网站

2022-10-10 182
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
RDS MySQL Serverless 基础系列，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
云数据库 RDS MySQL，集群系列 2核4GB
推荐场景：
搭建个人博客
云数据库 RDS PostgreSQL，集群系列 2核4GB
简介： JSP实战运用

@TOC

前言

审美不好大家不喜勿喷，没有使用任何框架，全凭自己感觉构建但是基本功能可以实现。使用的脚本语言和技术比较老旧，由于CSS渲染的部分很少所以使用的是内部CSS，不是很精通JS主要用它实现简单的界面跳转间弹窗交互

一、环境配置

1.JDK版本：jdk1.8.0_301
2.Tomcat版本：9.0.0.M26
3.MySQL版本：8.0.0.11
4.jar包：8.0.29
5.编辑器：Notepad++
6.浏览器：Chrome

技术栈

HTML+CSS+JS+JSP+MySQL+Tomcat

主界面效果图

首页面
有些区块代码里写了超链接，用的###填充拿去交作业的话可以自己改成相应的链接
在这里插入图片描述
核心代码：

<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<style>
body{
  background-image:url(img/88.jpg);
     width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>
<body>
<h1 style="background-color:white" align=center>编程导航学习网站</h1>

<style>
div{
    text-align:center;
    color:white;
    font-size:18;
    font-weight:900;
}
.button {
  background-color:#555555;
  border-radius: 4px;
  transition-duration: 0.4s;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}
.button1:hover {
  background-color: #4CAF50;
  color: white;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
  background: rgba(222,222,2220,2222.3);
}
li {
  float: left;
}
li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover:not(.active) {
  background-color: #ddd;
}
li a.active {
  color: white;
  background-color: #4CAF50;
}
li a.active1 {
  color: red;
  background-color: #4CAF50;
}

.list{
    position: left;
    top: 500px;left: 1380px;font-family: "微软雅黑";
    font-size: 20px;color:white;}
.list a {
    text-decoration: none;
    color:white;
    }
* {
    box-sizing: border-box; 
}
div.search {
    padding: 0 0;
}
form {
    position: relative;
    width: 400px;
    margin: 0 auto;  
}
input,button {
    border: none;  
    outline: none;  
}
.search input {
    width: 100%;
    height: 42px;
    padding-left: 13px;
    border: 2px solid #c5464a;
    border-radius: 19px;  
    background: transparent;  
}
.search button {
    height: 42px;
    width: 42px;
    cursor: pointer;  
    position: absolute;
    background: #c5464a;
    border-radius: 0 19px 19px 0;
    width: 60px;
    right: 0;
}
.search button:hover {
    background-color: #c7585c;  
}
.search button:before {
    content: "搜索";  
    font-size: 13px; 
    color: #F9F0DA;  
}
</style>
<ul>
  <li><a class="active" href="###">首页</a></li>
    <li><a class="active1" href="zhuce.jsp">请先登陆注册~~</a></li>
  <li><a href="java.jsp">Java</a></li>
  <li><a href="###">Python</a></li>
  <li><a href="###">php</a></li>
  <li><a href="###">Go</a></li>
      <li><a href="###">Spring全家桶</a></li>
      <li><a href="###">Ajax</a></li>
        <li><a href="###">数据结构与算法</a></li>
          <li><a href="###">前端三剑客</a></li>
          <li><a href="###">面试刷题</a></li>
          <li><a href="###">数据库</a></li>
            <li><a href="###">Go</a></li>
            
  <li style="float:right"><a class="active" href="###">退出</a></li>
          <div class="search">
        <form action="" method="post">
            <input placeholder="请输入..." name="keyword" type="text">
            <button type="submit"></button>
        </form>
    </div>
</ul>
<script>
window.alert("欢迎光临本站，小猿！");
</script>
     </table>
     <table  border="0" bordercolor="black" cellspacing="20" align="right">
         <tr>
             <td rowspan="2"><a href="wdress.html" target="_blank"><img src="img/13.jpg" width="240px" height="480px"></a></td>
             <td rowspan="2" colspan="2"><a href="wdress.html" target="_blank"><img src="img/17.jpg" width="480px" height="480px"></a></td>
             <td><a href="wdress.html" target="_blank"><img src="img/14.jpg" width="240px" height="240px"></a></td>
            <td rowspan="2"><a href="wdress.html" target="_blank"> <marquee direction="down"><img src="img/11.jpg" width="240px" height="320px"></a><marquee></td>            
         </tr>
         <tr>
             <td><img src="img/9.jpg" width="240px" height="240px"></td>                      
         </tr> 
        </table>
 <table class="list" border="1" bgcolor="green" bordercolor="white"cellpadding="5">
          <tr><td><a href="announce.html" target="_blank">公告>></a></td></tr>
          <tr><td><a href="book.html" target="_blank">必读书籍>></a></td></tr>
          <tr><td><a href="share.html" target="_blank">开源社区>></a></td></tr>
          <tr><td><a href="skill.html" target="_blank">主流技术>></a></td></tr>
          <tr><td><a href="service.html" target="_blank">资源下载>></a></td></tr>   
     </table>
</body>
</html>

二、二级页面（Java板块）

效果图：
这里的每个图片都有链接跳转
在这里插入图片描述
核心代码：

<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<style>
body{
  background-image:url(img/88.jpg);
     width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>
<body>
<h1 style="background-color:white" align=center>Java专栏</h1>

<style>
div{
    text-align:center;
    color:white;
    font-size:18;
    font-weight:900;
}
.button {
  background-color:#555555;
  border-radius: 4px;
  transition-duration: 0.4s;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}
.button1:hover {
  background-color: #4CAF50;
  color: white;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
  background: rgba(222,222,2220,2222.3);
}
li {
  float: left;
}
li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover:not(.active) {
  background-color: #ddd;
}
li a.active {
  color: white;
  background-color: #4CAF50;
}
li a.active1 {
  color: red;
  background-color: #4CAF50;
}
.list{
    position: left;
    top: 500px;left: 1380px;font-family: "微软雅黑";
    font-size: 20px;color:white;}
.list a {
    text-decoration: none;
    color:white;
    }
* {
    box-sizing: border-box;  /*宽度和高度会包括内边距和边框*/
}

div.search {
    padding: 0 0;
}

form {
    position: relative;
    width: 400px;
    margin: 0 auto;  /*设置宽度后，居中*/
}
input,button {
    border: none;   /*无边框样式；元素的总宽度和高度包括边框的宽度 */
    outline: none;  /*无轮廓样式；轮廓是在元素周围绘制的一条线，在边框之外并且可能与其他内容重叠，以凸显元素，元素的总宽度和高度不受轮廓线宽度的影响。*/
}
.search input {
    width: 100%;
    height: 42px;
    padding-left: 13px;
    border: 2px solid #c5464a;
    border-radius: 19px;   
    background: transparent;  
}
.search button {
    height: 42px;
    width: 42px;
    cursor: pointer;  
    position: absolute;
    background: #c5464a;
    border-radius: 0 19px 19px 0;
    width: 60px;
    right: 0;
}
.search button:hover {
    background-color: #c7585c;  
}
.search button:before {
    content: "搜索";  
    font-size: 13px;  
    color: #F9F0DA;  
}
</style>
<ul>
  <li><a class="active" href="shouye.jsp">首页</a></li>
    <li><a class="active1" href="zhuce.jsp">你好，Java程序员~~</a></li>
  <li><a href="###">Java</a></li>
  <li><a href="###">Python</a></li>
  <li><a href="###">php</a></li>
  <li><a href="###">Go</a></li>
      <li><a href="###">Spring全家桶</a></li>
      <li><a href="###">Ajax</a></li>
        <li><a href="###">数据结构与算法</a></li>
          <li><a href="###">前端三剑客</a></li>
          <li><a href="###">面试刷题</a></li>
          <li><a href="###">数据库</a></li>
            <li><a href="###">Go</a></li>        
  <li style="float:right"><a class="active" href="###">退出</a></li>
          <div class="search">
        <form action="" method="post">
            <input placeholder="请输入..." name="keyword" type="text">
            <button type="submit"></button>
        </form>
    </div>
</ul>
<script>
window.alert("欢迎光临本站，小猿！");
</script>
     </table>
     <table  border="0" bordercolor="black" cellspacing="20" align="right">
         <tr>
             <td rowspan="2"><a href="####" target="_blank"><img src="img/20.jpg" width="240px" height="480px"></a></td>
             <td rowspan="2" colspan="2"><a href="javabingfa.jsp" target="_blank"><img src="img/26.jpg" width="480px" height="480px"></a></td>
             <td><a href="####" target="_blank"><img src="img/22.jpg" width="240px" height="240px"></a></td>
            <td rowspan="2"><a href="####" target="_blank"> <marquee direction="down"><img src="img/23.jpg" width="240px" height="320px"></a><marquee></td>            
         </tr>
         <tr>
             <td><img src="img/24.jpg" width="240px" height="240px"></td>                      
         </tr> 
        </table>
 <table class="list" border="1" bgcolor="green" bordercolor="white"cellpadding="5">
          <tr><td><a href="announce.html" target="_blank">公告>></a></td></tr>
          <tr><td><a href="book.html" target="_blank">必读书籍>></a></td></tr>
          <tr><td><a href="share.html" target="_blank">开源社区>></a></td></tr>
          <tr><td><a href="skill.html" target="_blank">主流技术>></a></td></tr>
          <tr><td><a href="service.html" target="_blank">资源下载>></a></td></tr>   
     </table>
</body>
</html>

三、后台登陆界面

效果图:
(主要涉及到form表单的应用)
在这里插入图片描述
核心代码：

<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<style>
body{
  background-image:url(img/2.jpg);
     width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>
<body>
<h1 style="background-color:hsl(39, 100%, 50%)" align=center>后台登陆界面</h1>

<style>
div{
    text-align:center;
    color:black;
    font-size:18;
    font-weight:900;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
  background: rgba(222,222,2220,0.3);
}

.button {
  background-color:#555555;
  border-radius: 4px;
  transition-duration: 0.4s;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}
.button1:hover {
  background-color: #4CAF50;
  color: white;
}
li {
  float: left;
}
li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover:not(.active) {
  background-color: #ddd;
}
li a.active {
  color: white;
  background-color: #4CAF50;
}
li a.active1 {
  color: red;
  background-color: #4CAF50;
}

</style>
<ul>
  <li><a class="active" href="shouye.jsp">首页</a></li>
  <li><a class="active1" href="###">登陆注册中~~</a></li>
  <li><a href="###">JAVA</a></li>
  <li><a href="###">Python</a></li>
  <li><a href="###">php</a></li>
  <li><a href="###">Go</a></li>
    <li><a href="###">Spring全家桶</a></li>
      <li><a href="###">Ajax</a></li>
        <li><a href="###">数据结构与算法</a></li>
          <li><a href="###">前端三剑客</a></li>
          <li><a href="###">面试刷题</a></li>
            <li><a href="###">Go</a></li>
             <li><a href="###">数据库</a></li>
  <li style="float:right"><a class="active" href="###">退出</a></li>
</ul>
        </table>
 <table class="list" border="1" bgcolor="green" bordercolor="white"cellpadding="5">
          <tr><td><a href="announce.html" target="_blank">公告>></a></td></tr>
          <tr><td><a href="book.html" target="_blank">必读书籍>></a></td></tr>
          <tr><td><a href="share.html" target="_blank">开源社区>></a></td></tr>
          <tr><td><a href="skill.html" target="_blank">主流技术>></a></td></tr>
          <tr><td><a href="service.html" target="_blank">资源下载>></a></td></tr>   
     </table>
<script>
window.alert("欢迎注册，编程猿！");
</script>

<div>
<form  method="get" action="login.jsp">
设置用户名：<br>
<input type="text" name="beginNum" value="请输入用户名" maxlength="10" size="40" ><br><br>
性别：
<input type="radio" name="sexy" value="男" checked="true">男
<input type="radio" name="sexy" value="女" >女<br><br>
设置密码：<br>
<input type="text" name="endNum" value="请输入密码" maxlength="10" size="40" ><br><br>
确认密码：<br>
<input type="text" name="endNum" value="请输入密码" maxlength="10" size="40" ><br><br>
学历：
<select >
  <option value="volvo">初中</option>
  <option value="saab">高中</option>
  <option value="opel">专科</option>
  <option value="audi">本科</option>
</select><br>
就业方向:
<input type="radio" name="subject" value="java" checked="true">Java后端
<input type="radio" name="subject" value="web" >web前端
<input type="radio" name="subject" value="C#" >C#
<input type="radio" name="subject" value="python">python<br><br>
期望薪资：
<input list="money" name="money">
<datalist id="money">
  <option value="5k以上">
  <option value="8-10k">
  <option value="10k-12k">
  <option value="12-15k">
  <option value="15k以上">
</datalist>
<input  type="submit"><br>
备注：
<input type="text1" name="beginNum" value="说点什么吧....."   maxlength="1000" size="40" ><br><br>
<button class="button button1" type="button" onclick="alert('注册成功')" align=center><a href="houtai.jsp">点击完成注册</a></button>
<input class="button button1" type="reset" value="退出">
</form>
    </div>
</body>
</html>

四、对于表单数据校验

主要实现对用户名密码输入合理性的判断
纯JSP脚本：

<%
try{
 String number1=request.getParameter("beginNum");
 String number2=request.getParameter("beginKey");
 String number3=request.getParameter("endKey");
if(number1==null||number1.length()<=0||number2==null||number2.length()<=0||number3.length()<=0||number3==null){
    out.println("输入不能为空！");
}else{
    int one=Integer.parseInt(number2);
    int two=Integer.parseInt(number3);
    if(one!=two){
    out.println("密码输入不一致");
}else
{
    out.println("成功了~~");
    out.println("\n用户名："+number1+"\n密码："+number2);
}
    }    
}
catch(Exception e){
    out.println("输入数据类型有误");
}
%>

五、公告功能

效果图：
在这里插入图片描述

用户输入内容，存储到数据库后台并且可以进行查看

    <%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<style>
body{
  background-image:url(img/88.jpg);
     width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>
<body>
<h1 style="background-color:white" align=center>公告</h1>

<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
  background: rgba(222,222,2220,2222.3);
}
li {
  float: left;
}
li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover:not(.active) {
  background-color: #ddd;
}
li a.active {
  color: white;
  background-color: #4CAF50;
}
li a.active1 {
  color: red;
  background-color: #4CAF50;
}

div.search {
    padding: 0 0;
}

form {
    position: relative;
    width: 400px;
    margin: 0 auto;  
}
.button {
  background-color:#555555;
  border-radius: 4px;
  transition-duration: 0.4s;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 2px 2px;
  cursor: pointer;
}
.button1:hover {
  background-color: #4CAF50;
  color: white;
}
input,button {
    border: none;  
    outline: none;  
}

.search input {
    width: 100%;
    height: 42px;
    padding-left: 13px;
    border: 2px solid #c5464a;
    border-radius: 19px;  
    background: transparent;  
}

.search button {
    height: 42px;
    width: 42px;
    cursor: pointer;  
    position: absolute;
    background: #c5464a;
    border-radius: 0 19px 19px 0;
    width: 60px;
    right: 0;
}
.search button:hover {
    background-color: #c7585c;  
}


.search button:before {
    content: "搜索";  
    font-size: 13px; 
    color: #F9F0DA;  
}
.list{
font-family: "微软雅黑";
font-size: 20px;
color:white;
}
.list a{
text-decoration: none;
color:white;
}
input[type=text1] {
  width: 50%;
  height:20%;
  padding:0px ;
  margin:100px 0;
  box-sizing: border-box;
  text-align:left;
}
</style>
<ul>
  <li><a class="link" href="###">首页</a></li>
    <li><a class="active1" href="zhuce.jsp">请先登陆注册~~</a></li>
  <li><a href="java.jsp">Java</a></li>
  <li><a href="###">Python</a></li>
  <li><a href="###">php</a></li>
  <li><a href="###">Go</a></li>
      <li><a href="###">Spring全家桶</a></li>
      <li><a href="###">Ajax</a></li>
        <li><a href="###">数据结构与算法</a></li>
          <li><a href="###">前端三剑客</a></li>
          <li><a href="###">面试刷题</a></li>
          <li><a href="###">数据库</a></li>
            <li><a href="###">Go</a></li>
            
  <li style="float:right"><a class="active" href="###">退出</a></li>
          <div class="search">
        <form action="" method="post">
            <input placeholder="请输入..." name="keyword" type="text">
            <button type="submit"></button>
        </form>
    </div>
</ul>
<script>
window.alert("欢迎光临本站，小猿！");
</script>
 <table  border="0" bordercolor="black" cellspacing="20" align="right">
         <tr>
             <td rowspan="2"><a href="wdress.html" target="_blank"><img src="img/13.jpg" width="240px" height="480px"></a></td>
             <td rowspan="2" colspan="2"><form action="gonggao2.jsp" method="post">
            <font-family: "微软雅黑">增添公告内容：<br>
公告：
<input type="text1"  name="gg" value="说点什么吧....."   maxlength="1000" size="40" ><br>
<input class="button button1" type="submit" value="提交">
<input class="button button1" type="reset" value="退出">
</form></td>
             <td><a href="wdress.html" target="_blank"><img src="img/14.jpg" width="240px" height="240px"></a></td>
            <td rowspan="2"><a href="wdress.html" target="_blank"> <marquee direction="down"><img src="img/11.jpg" width="240px" height="320px"></a><marquee></td>            
         </tr>
         <tr>
             <td><img src="img/9.jpg" width="240px" height="240px"></td>                      
         </tr> 
        </table>
 <table class="list" border="1" bgcolor="green" bordercolor="white"cellpadding="5">
          <tr><td><a href="announce.html" target="_blank">公告>></a></td></tr>
          <tr><td><a href="book.html" target="_blank">必读书籍>></a></td></tr>
          <tr><td><a href="share.html" target="_blank">开源社区>></a></td></tr>
          <tr><td><a href="skill.html" target="_blank">主流技术>></a></td></tr>
          <tr><td><a href="service.html" target="_blank">资源下载>></a></td></tr>   
     </table>
</body>
</html>

六、公告对应的表建立

在这里插入图片描述

七、公告连接数据库与显示

这里用的是8.0+的jar包，你们连数据库的时候不要版本增差过大否则会版本不兼容而报错
效果展示：
在这里插入图片描述

在这里插入图片描述
核心代码：
采用的是Properties读文件通过JDBC方式连接数据库（记得自己写配置文件）

<%
String str=request.getParameter("gg");
String neiron = Integer.parseInt(str);
        /*1.通过Properties读文件*/
        Properties properties = new Properties();
        properties.load(new FileInputStream("src\\jdbc.properties"));

        /*2.得到相关值*/
        String user = properties.getProperty("user");
        String password = properties.getProperty("password");
        String driver = properties.getProperty("driver");
        String url = properties.getProperty("url");

        Class.forName("com.mysql.cj.jdbc.Driver");

        Connection con = DriverManager.getConnection(url, user, password);
        System.out.println("连接——" + con);
        /*3.得到Statement*/
        Statement statement = con.createStatement();
        
        /*4.组织SQL*/   
        String sql = "select gonggao,gonggao2 from table1;";
        
        /*5.执行SQL*/
 ResultSet res = statement.executeQuery(sql);
        if(res.next()){
            String strOne=rs.getString("gonggao");
            String strTwo=rs.getString("gonggao2");
            out.println("公告内容："+"<br>");
            out.println("标题是："+strOne+"<br>");
            out.println("内容是："+strTwo+"<br>");    
        }else{
            out.println("错误");
        }
        res.close();
        con.close();
        statement.close();
%>

结语

到这里网站基本设计就完成了，虽然功能比较单一但是却对本学期学过的知识是一个很好的整合和复习，让我对前后端的认识与体会更加深刻，特别是HTML中form表单的使用、CSS修饰HTML元素、利用CSS实现一些简单的特效，其实在学习的过程中我发现CSS学会很简单，但是真正把CSS用好，来实现各种各样的效果，浮动是最难的，这种难度不次于数据结构与算法（个人感觉）。当然还有jsp，jsp就是Java，只是它是一个特别的Java语言，加入了一个特殊的引擎，这个引擎将HTTPServlet这个类的一些对象自动进行初始化好让用户使用，而用户不用再去操心前面的工作，“一次编译到处运行”果然名不虚传，面向对象的特征也使我们对于前台输入的信息可以进行更合理高效的操作。特别是通过JDBC来连接数据库，这真是一个很神奇的事情！通过本次实习，我深深感受到我们平时看到的精美页面背后都是程序员一个又一个复杂的设计。总而言之，web是一个庞大的体系，还没学习的内容有很多，趁现在才大二好好珍惜时间学习技术吧。
路的尽头还是路…
后面还有很长的路要走，现在也准备开始SSM的学习，等以后技术更好我一定会回来把你做的更大更好.

文章标签：
云数据库 RDS MySQL 版
Java
JavaScript
前端开发
数据安全/隐私保护
程序员
Web App开发
算法
数据库
存储
数据库连接
关键词：
Tomcat mysql
Tomcat jsp
jsp网站
云数据库 RDS MySQL 版编程
jsp tomcat
相关实践学习
如何在云端创建MySQL数据库
开始实验后，系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
懒羊羊.java
目录
相关文章
nanshaws
|
6天前
|
Java 应用服务中间件 Maven
idea+maven+tomcat+spring 创建一个jsp项目
这篇文章介绍了如何在IntelliJ IDEA中使用Maven和Tomcat创建一个JSP项目，包括配置Maven依赖、设置Tomcat服务器、编写JSP页面、创建控制器和配置文件，以及项目的运行结果。
nanshaws
38 0
idea+maven+tomcat+spring 创建一个jsp项目
蓝易云
|
6天前
|
NoSQL 关系型数据库 MySQL
Tomcat、MySQL、Redis最大支持说明
综上所述，Tomcat、MySQL、Redis的并发处理能力均非固定值，而是通过合理的配置与优化策略，结合系统硬件资源，共同决定了它们在实际应用中的表现。开发者应根据应用的具体需求和资源条件，对这些组件进行细致的调优，以达到最佳性能表现。
蓝易云
17 0
热爱技术的小郑
|
2月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二）
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程，包括项目的创建、配置、Tomcat的设置，以及如何实现页面跳转和配置模板解析器，最后还对比了JSP和HTML模板解析的差异。
热爱技术的小郑
82 1
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二）
蓝易云
|
2月前
|
关系型数据库 Java MySQL
Linux安装JDK1.8 & tomcat & MariaDB(MySQL删减版)
本教程提供了在Linux环境下安装JDK1.8、Tomcat和MariaDB的详细步骤。这三个组件的组合为Java Web开发和部署提供了一个强大的基础。通过遵循这些简单的指导步骤，您可以轻松建立起一个稳定、高效的开发和部署环境。希望这个指导对您的开发工作有所帮助。
蓝易云
149 8
东方睿赢
|
2月前
|
前端开发 安全 Java
在Java服务器端开发的浩瀚宇宙中，Servlet与JSP犹如两颗璀璨的明星，它们联袂登场，共同编织出动态网站的绚丽篇章。
在Java服务器端开发的浩瀚宇宙中，Servlet与JSP犹如两颗璀璨的明星，它们联袂登场，共同编织出动态网站的绚丽篇章。
东方睿赢
21 0
土木林森
|
2月前
|
SQL 关系型数据库 MySQL
"Python与MySQL的浪漫邂逅：一键掌握增删改查，开启你的数据库编程之旅！"
【8月更文挑战第21天】Python因其简洁的语法和强大的库支持，成为连接数据库的首选工具。本文介绍如何使用Python连接MySQL数据库并执行基本操作。首先需安装`mysql-connector-python`库。通过配置连接信息建立数据库连接后，可利用`cursor.execute()`执行SQL语句进行数据的增删改查，并通过`commit()`提交更改。查询时使用`fetchall()`或`fetchone()`获取结果。记得处理异常及关闭连接以释放资源。掌握这些基础，有助于高效进行数据库编程。
土木林森
39 0
土木林森
|
4月前
|
前端开发 安全 Java
Java服务器端开发实战：利用Servlet和JSP构建动态网站
【6月更文挑战第23天】**Servlet和JSP在Java Web开发中扮演关键角色。Servlet处理业务逻辑，管理会话，JSP则结合HTML生成动态页面。两者协同工作，形成动态网站的核心。通过Servlet的doGet()方法响应请求，JSP利用嵌入式Java代码创建动态内容。实战中，Servlet处理数据后转发给JSP展示，共同构建高效、稳定的网站。虽然新技术涌现，Servlet与JSP仍为Java Web开发的基石，提供灵活且成熟的解决方案。**
土木林森
67 8
计算机学长猫哥
|
4月前
|
存储 Java 关系型数据库
基于JSP的母婴用品网站系统
基于JSP的母婴用品网站系统
计算机学长猫哥
25 1
杨校
|
4月前
|
Java 关系型数据库 MySQL
杨校老师课堂之Java项目部署到云端服务器之安装MySQL、Jdk、Tomcat
杨校老师课堂之Java项目部署到云端服务器之安装MySQL、Jdk、Tomcat
杨校
52 0
杨校老师课堂之Java项目部署到云端服务器之安装MySQL、Jdk、Tomcat
计算机学长猫哥
|
4月前
|
存储 Java 关系型数据库
基于JSP的二手交易平台网站
基于JSP的二手交易平台网站
计算机学长猫哥
42 0

热门文章

最新文章

  • 1
    Tomcat 7.0 64位免安装解压版 安装及配置
  • 2
    rhel6.4部署tomcat
  • 3
    tomcat监控脚本
  • 4
    Publishing failed with multiple errors和Timeout waiting for Tomcat v5.5的解决方法
  • 5
    解压版Tomcat配置
  • 6
    zabbix监控tomcat主机，并自动部署新主机
  • 7
    jdk、tomcat的安装
  • 8
    tomcat8支持apr
  • 9
    【技术贴】TOMCAT，Mysql提示Unknown column 'content' in 'fi
  • 10
    eclipse 发布web工程，修改tomcat端口
  • 1
    MySQL集群 双主架构（配置命令）
    91
  • 2
    MySQL通过 bin-log 恢复从备份点到灾难点之间数据
    268
  • 3
    MySQL 运维篇
    61
  • 4
    如何查看MySQL是32位还是64位
    109
  • 5
    MySQL中使用percona-xtrabackup工具 三种备份及恢复 （超详细教程）
    284
  • 6
    mysql相关命令
    34
  • 7
    MySQL 启动 登录报错Job for mysqld.service failed because the control process exited with error code. See
    93
  • 8
    MySQL 基本概念 基础用法 增删改查（特殊查询）语法 详细篇
    45
  • 9
    Linux CentOs7 安装Mysql（5.7和8.0版本）密码修改 超详细教程
    442
  • 10
    WIndows Server 远程桌面服务—RDS
    205

    • 相关课程

    更多
  • MySQL企业常见架构与调优经验分享
  • 云数据库MySQL版快速上手教程
  • 阿里云云原生数据仓库AnalyticDB MySQL版 使用教程
  • MySQL实战进阶
  • 数据库及SQL/MySQL基础
  • 云数据库MySQL快速入门

    • 相关电子书

    更多
  • 搭建电商项目架构连接MySQL
  • 搭建4层电商项目架构，实战连接MySQL
  • PolarDB MySQL引擎重磅功能及产品能力盛大发布

    • 相关实验场景

    更多
  • 灵活弹性的PolarDB Serverless确保数据业务持续在线
  • 云端MySQL的安装及应用
  • 体验PolarDB MySQL多主集群
  • 基于ECS+RDS的在线留言系统
  • PolarDB MySQL HTAP：实时数据分析加速
  • MySQL数据库DTS迁移上云

    • 推荐镜像

    更多
  • mysql
  • mariadb
  • postgresql
    • 下一篇
    阿里云无影AI云电脑亮相 体验大幅升级