编写一个简单的web应用程序_通过设计开发一款简易的web应用软件

作者：AllinToyou | 2024-03-10 02:08:27

踩

通过设计开发一款简易的web应用软件

web应用程序是一个可以通过web访问的应用程序。

PS：目前软件开发领域的三大方向：桌面应用程序（QQ，office）、web应用程序（天猫，京东）、嵌入式应用程序（安卓，iphone）

手工编写一个简单的web程序：

首先电脑上需要安装tomcat，网址如下：http://tomcat.apache.org/ 选择适合自己电脑配置的压缩包或者exe

安装好后在电脑的高级设置中加入环境变量，变量名为CATALINA_HOME，变量值为安装位置的地址如C:\apache-tomcat-7.0.81

PS：环境变量设置好后双击bin目录中的startup.bat 然后在网页上输入http://localhost:8080/ 页面跳转成功说明tomcat安装成功。

然后在网上下一款EditPlus（小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器），就可以开始编写程序了。

1、在安装目录下的webapps里创建一个文件夹，名字随意如MYHOME

2、在MYHOME文件夹下创建一个文档格式为.jsp 名字随意如index

3、index.jsp用EditPlus打开，然后点击File--new--HTML Page 之后在里面写入一行简单的代码（加粗部分），写完之后点击保存。


<!doctype html>
<html lang="en">

<head>

  <meta charset="UTF-8">


  <meta name="Generator" content="EditPlus?">                
  <meta name="Author" content="">


  <meta name="Keywords" content="">                             
  <meta name="Description" content="">                         
  <title>主页</title>                                             
 </head>                                                          
 <body>                                                             
  <h1>欢迎来到我的主页<h1>                        
  <hr>                                             
 </body>                                           
</html>


  4、在MYHOME文件下创建WEB-INF文件夹，再在WEB-INF创建classes、lib文件夹和web.xml文件，其中  
web.xml来自于webapps文件夹中的examples里的WEB-INF中的web.xml，但是删除了很多部分只保留了web.xml的根标签。

  <?xml version="1.0" encoding="ISO-8859-1"?>
  <web-app xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
  http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0"
  metadata-complete="true">   
   </web-app>
  5.此时文件全部创建好后 就可以试着运行了 在网页上输入http://localhost:8080/MYHOME/index.jsp
页面成功跳转 此时会出现乱码 这是因为编码没有设置成GBK，点击鼠标右键编码 点击GBK，就显示出一行中文：欢迎来到我的主页。
 
 
PS：若果页面跳转成404，可能是网址输入时错误或者大小写错误 如http://localhost:8080/myhome/index.jsp

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/216963