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

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

2022-10-10 192
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
云数据库 RDS MySQL，集群系列 2核4GB
推荐场景：
搭建个人博客
RDS MySQL Serverless 基础系列，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
云数据库 RDS MySQL，高可用系列 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开发
算法
数据库
存储
数据库连接
关键词：
云数据库 RDS MySQL 版网站
Tomcat mysql
Tomcat jsp
jsp网站
云数据库 RDS MySQL 版编程
相关实践学习
如何在云端创建MySQL数据库
开始实验后，系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
懒羊羊.java
目录
相关文章
net936
|
7月前
|
前端开发 关系型数据库 MySQL
基于python+mysql的宠物领养网站系统
基于python+mysql的宠物领养网站系统
net936
103 2
菊头蝙蝠
|
7月前
|
关系型数据库 MySQL 数据库
Linux C/C++ 开发（学习笔记七）：Mysql数据库C/C++编程实现 插入/读取/删除
Linux C/C++ 开发（学习笔记七）：Mysql数据库C/C++编程实现 插入/读取/删除
菊头蝙蝠
146 0
Dylaniou
|
2月前
|
Java 关系型数据库 MySQL
【编程基础知识】Eclipse连接MySQL 8.0时的JDK版本和驱动问题全解析
本文详细解析了在使用Eclipse连接MySQL 8.0时常见的JDK版本不兼容、驱动类错误和时区设置问题，并提供了清晰的解决方案。通过正确配置JDK版本、选择合适的驱动类和设置时区，确保Java应用能够顺利连接MySQL 8.0。
Dylaniou
217 1
游客5fdji2pvmf8888
|
2月前
|
SQL 关系型数据库 MySQL
PHP与MySQL协同工作的艺术：开发高效动态网站
在这个后端技术迅速迭代的时代，PHP和MySQL的组合仍然是创建动态网站和应用的主流选择之一。本文将带领读者深入理解PHP后端逻辑与MySQL数据库之间的协同工作方式，包括数据的检索、插入、更新和删除操作。文章将通过一系列实用的示例和最佳实践，揭示如何充分利用这两种技术的优势，构建高效、安全且易于维护的动态网站。
游客5fdji2pvmf8888
43 1
nanshaws
|
2月前
|
Java 应用服务中间件 Maven
idea+maven+tomcat+spring 创建一个jsp项目
这篇文章介绍了如何在IntelliJ IDEA中使用Maven和Tomcat创建一个JSP项目，包括配置Maven依赖、设置Tomcat服务器、编写JSP页面、创建控制器和配置文件，以及项目的运行结果。
nanshaws
221 0
idea+maven+tomcat+spring 创建一个jsp项目
热爱技术的小郑
|
4月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二）
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程，包括项目的创建、配置、Tomcat的设置，以及如何实现页面跳转和配置模板解析器，最后还对比了JSP和HTML模板解析的差异。
热爱技术的小郑
179 1
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二）
土木林森
|
4月前
|
SQL 关系型数据库 MySQL
"Python与MySQL的浪漫邂逅：一键掌握增删改查，开启你的数据库编程之旅！"
【8月更文挑战第21天】Python因其简洁的语法和强大的库支持，成为连接数据库的首选工具。本文介绍如何使用Python连接MySQL数据库并执行基本操作。首先需安装`mysql-connector-python`库。通过配置连接信息建立数据库连接后，可利用`cursor.execute()`执行SQL语句进行数据的增删改查，并通过`commit()`提交更改。查询时使用`fetchall()`或`fetchone()`获取结果。记得处理异常及关闭连接以释放资源。掌握这些基础，有助于高效进行数据库编程。
土木林森
74 0
疯狂的猿
|
5月前
|
数据库
基于PHP+MYSQL开发制作的趣味测试网站源码
基于PHP+MYSQL开发制作的趣味测试网站源码。可在后台提前设置好缘分， 自己手动在数据库里修改数据，数据库里有就会优先查询数据库的信息， 没设置的话第一次查询缘分都是非常好的 95-99，第二次查就比较差 ， 所以如果要你女朋友查询你的名字觉得很好 那就得是她第一反应是查和你的缘分， 如果查的是别人，那不好意思，第二个可能是你。
疯狂的猿
69 3
叶落闲庭
|
7月前
|
SQL Java 关系型数据库
JavaWeb（JDBC编程）看这一篇就够了 —— 如何使用Java操作mysql数据库
JavaWeb（JDBC编程）看这一篇就够了 —— 如何使用Java操作mysql数据库
叶落闲庭
276 0
老板这功能得加钱
|
7月前
|
存储 关系型数据库 MySQL
《MySQL 入门教程》第 05 篇 账户和权限，Java高并发编程详解深入理解pdf
《MySQL 入门教程》第 05 篇 账户和权限，Java高并发编程详解深入理解pdf
老板这功能得加钱
58 0

热门文章

最新文章

  • 1
    Google App Engine Web开发之java类到网址的映射——实现用java类处理jsp页面的提交
  • 2
    jsp9大内置对象
  • 3
    JSP标签JSTL（5）--常用的标签函数
  • 4
    Jsp页面在URL中传递参数会出现乱码
  • 5
    JSP中的路径问题
  • 6
    算是学完了《Servlet&JSP学习笔记》，立此存照
  • 7
    JSP编译成Servlet（二）语法树的遍历——访问者模式
  • 8
    《Servlet和JSP学习指南》一1.12　小结
  • 9
    JSP/Servlet: TagSupport 类别
  • 10
    Unable to compile class for JSP 装饰器
  • 1
    【MySQL系列笔记】分库分表
    196
  • 2
    mysql 设置环境变量与未设置环境变量连接数据库的区别
    157
  • 3
    服务器Linux系统配置mysql数据库主从自动备份
    212
  • 4
    mysqlTools 一分钟部署安装本mysql多个版本，解锁繁琐部署过程
    417
  • 5
    golang使用gorm操作mysql3，数据查询
    96
  • 6
    golang使用gorm操作mysql2
    57
  • 7
    golang使用gorm操作mysql1
    106
  • 8
    Hbase与MySQL对比，区别是什么？
    291
  • 9
    解决 mysql8.0 ERROR 1045 (28000): Access denied for user ‘ODBC‘@‘localhost‘ (using password: NO)用户访问拒绝
    2298
  • 10
    navicat过期了，直接用idea连接mysql
    64

    • 相关课程

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

    • 相关电子书

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

    • 相关实验场景

    更多
  • MySQL基础-学生管理系统数据库设计
  • 如何快速连接云数据库RDS MySQL
  • MySQL数据库快速部署实践
  • MySQL引擎及架构优化
  • 基于EBS部署高性能的MySQL服务
  • 使用CloudLens采集RDS日志并进行审计分析

    • 推荐镜像

    更多
  • mysql
  • postgresql
  • mariadb
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月