*页 >> 问答

使用SpringBoot实现静态网站

发布于：2023-07-27 10:07:27

现在，大家看到的网站，基本上都是动态网站。但是在20年前，网站基本上都是静态的。静态网页的特点是，网站由一些固定的网页文件和图片文件组成，文件之间通过超级链接进行跳转。如果要更新网站的内容，则需要编辑和更新网页和图片。

对SpringBoot来说，建立一个静态网站是非常容易的事，下面我们也来实现一个简单的静态网站吧。

1、确定需求

我们这次的目标是实现一个古诗词网站，可以显示下面几*诗词：

古诗《静夜思》 古诗《赋得古原草送别》 古诗《登鹳雀楼》 古诗《悯农》 古词《念奴娇·赤壁怀古》 古词《青玉案·元夕》 古词《满江红·怒发冲冠》 古词《如梦令·昨夜雨疏风骤》

下面详细描述程序的开发过程。

2、打开IDEA，创建一个空的工程，工程名为poems：

3、创建一个SpringBoot模块，Group输入com.flying，Artifact和模块名输入my_poems，Java版本选择8，Dependencies选择Lombok和Spring Web：

4、修改pom.xml文件，加入打包生成jar文件的内容。修改后的pom.xml文件为：

<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.3.3.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.flying</groupId> <artifactId>my_poems</artifactId> <version>0.0.1-SNAPSHOT</version> <name>my_poems</name> <description>Demo project for Spring Boot</description> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> <exclusions> <exclusion> <groupId>org.junit.vintage</groupId> <artifactId>junit-vintage-engine</artifactId> </exclusion> </exclusions> </dependency> </dependencies> <build> <finalName>my_poems</finalName> <plugins> <!--打包jar--> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-jar-plugin</artifactId> <configuration> <!--不打包资源文件,exclude的目录不是src下面的，是以编译结果classes为根目录计算--> <excludes> <exclude>*.properties</exclude> <exclude>*.txt</exclude> <exclude>*.xml</exclude> </excludes> <archive> <manifest> <addClasspath>true</addClasspath> <!--MANIFEST.MF 中 Class-Path 加入前缀--> <classpathPrefix>my_poems_lib/</classpathPrefix> <!--jar包不包含唯一版本标识--> <useUniqueVersions>false</useUniqueVersions> <!--指定入口类--> <mainClass>com.flying.my_poems.MyPoemsApplication</mainClass> </manifest> <manifestEntries> <!--MANIFEST.MF 中 Class-Path 加入资源文件目录--> <Class-Path>./resources/</Class-Path> </manifestEntries> </archive> <outputDirectory>${project.build.directory}</outputDirectory> </configuration> </plugin> <!--拷贝依赖 copy-dependencies--> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-dependency-plugin</artifactId> <executions> <execution> <id>copy-dependencies</id> <phase>package</phase> <goals> <goal>copy-dependencies</goal> </goals> <configuration> <outputDirectory> ${project.build.directory}/my_poems_lib/ </outputDirectory> </configuration> </execution> </executions> </plugin> <!--拷贝资源文件 copy-resources--> <plugin> <artifactId>maven-resources-plugin</artifactId> <executions> <execution> <id>copy-resources</id> <phase>package</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <resources> <resource> <directory>src/main/resources</directory> </resource> </resources> <outputDirectory>${project.build.directory}/resources</outputDirectory> </configuration> </execution> </executions> </plugin> </plugins> </build> </project>

5、在src\main\resources\static目录中建立poems和lyrics子目录；

6、在src\main\resources\static目录中建立index.html文件，内容如下：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <table border="2"> <tr> <th>古诗</th> <th>古词</th> </tr> <tr> <td><a href="poems/poem1.html">静夜思</a></td> <td><a href="lyrics/lyric1.html">念奴娇·赤壁怀古</a></td> </tr> <tr> <td><a href="poems/poem2.html">赋得古原草送别</a></td> <td><a href="lyrics/lyric2.html">青玉案·元夕</a></td> </tr> <tr> <td><a href="poems/poem3.html">登鹳雀楼</a></td> <td><a href="lyrics/lyric3.html">满江红·怒发冲冠</a></td> </tr> <tr> <td><a href="poems/poem4.html">悯农</a></td> <td><a href="lyrics/lyric4.html">如梦令·昨夜雨疏风骤</a></td> </tr> </table></body> </html>

7、在src\main\resources\static\poems目录中建立poem1.html、poem2.html、poem3.html、poem4.html，内容分别是：

poem1.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>静夜思</h1><br/> 李白 <h2>床前明月光，</h2> <h2>疑是地上霜。</h2> <h2>举头望明月，</h2> <h2>低头思故乡。</h2> </body> </html>

poem2.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>赋得古原草送别</h1><br/> 白居易 <h2>离离原上草，一岁一枯荣。</h2> <h2>野火烧不尽，春风吹又生。</h2> <h2>远芳侵古道，晴翠接荒城。</h2> <h2>又送王孙去，萋萋满别情。</h2> </body> </html>

poem3.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>登鹳雀楼</h1><br/> 王之涣 <h2>白日依山尽，</h2> <h2>黄河入海流。</h2> <h2>欲穷千里目，</h2> <h2>更上一层楼。</h2> </body> </html>

poem4.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>悯农</h1><br/> 李绅 <h2>锄禾日当午，</h2> <h2>汗滴禾下土。</h2> <h2>谁知盘中餐，</h2> <h2>粒粒皆辛苦？</h2> </body>

</html>

8、在src\main\resources\static\lyrics目录中建立lyric1.html、lyric2.html、lyric3.html、lyric4.html，内容分别是：

lyric1.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>念奴娇·赤壁怀古</h1><br/> 苏轼 <h2>大江东去，</h2> <h2>浪淘尽，</h2> <h2>千古风流人物。</h2> <h2>故垒西边，</h2> <h2>人道是，</h2> <h2>三国周郎赤壁。</h2> <h2>乱石穿空，</h2> <h2>惊涛拍岸，</h2> <h2>卷起千堆雪。</h2> <h2>江山如画，</h2> <h2>一时多少豪杰。</h2> <h2>遥想公瑾当年，</h2> <h2>小乔初嫁了，</h2> <h2>雄姿英发。</h2> <h2>羽扇纶巾，</h2> <h2>谈笑间，</h2> <h2>樯橹灰飞烟灭。</h2> <h2>故国神游，</h2> <h2>多情应笑我，</h2> <h2>早生华发。</h2> </body> </html>

lyric2.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>青玉案·元夕</h1><br/> 辛弃疾 <h2>东风夜放花千树。</h2> <h2>更吹落、星如雨。</h2> <h2>宝马雕车香满路。</h2> <h2>凤箫声动，</h2> <h2>玉壶光转，</h2> <h2>一夜鱼龙舞。</h2> <h2>蛾儿雪柳黄金缕。</h2> <h2>笑语盈盈暗香去。</h2> <h2>众里寻他千百度。</h2> <h2>蓦然回*，</h2> <h2>那人却在，</h2> <h2>灯火阑珊处。</h2> </body> </html>

lyric3.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>满江红</h1><br/> 岳飞 <h2>怒发冲冠，</h2> <h2>凭栏处、潇潇雨歇。</h2> <h2>抬望眼、仰天长啸，</h2> <h2>壮怀激烈。</h2> <h2>三十功名尘与土，</h2> <h2>八千里路云和月。</h2> <h2>莫等闲、白了少年头，</h2> <h2>空悲切。</h2> </body> </html>

lyric4.html的内容是：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>**诗词网</title> </head> <body> <a href="/index.html">返回*页</a> <br/> <br/> <h1>如梦令</h1><br/> 李清照 <h2>昨夜雨疏风骤，</h2> <h2>浓睡不消残酒。</h2> <h2>试问卷帘人，</h2> <h2>却道海棠依旧。</h2> <h2>知否，知否？</h2> <h2>应是绿肥红瘦。</h2> </body> </html>

9、修改application.properties文件，增加服务器的监听端口配置，假如我们配置为9000：

server.port=9000

10、打开IDEA的Terminal窗口，输入mvn clean package -DskipTests命令，执行情况如下：

11、使用文件传输工具，将生成的target目录中的resources、my_poems_lib、my_poems.jar传输到Linux服务器（在Windows环境下也可以运行的哈，只是我比较喜欢Linux环境一些）：

12、在服务器上执行java -jar my_poems.jar命令，启动web服务器程序：

13、在浏览器的地址栏输入 http://<服务器IP地址>:9000/index.html，即可看到：

14、点击自己喜欢的某*诗词——例如《登鹳雀楼》，即可看到该古诗：

文章到这里就写完了，谢谢你的阅读。


免责声明：本站所有内容及图片均采集来源于网络，并无商业使用，如若侵权请联系删除。

上一篇：网站安全有哪些防护措施？

下一篇：防护网站安全做好这几步就够了！

资讯 观察行业视觉，用专业的角度，讲出你们的心声。
MORE

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息，我们会在24小时内与您取得联系。