web作业制作网站源代码_计算机毕业设计中编写一个简单的web应用程序

本文介绍了如何制作一个简单的Web应用程序,包括安装Tomcat、设置环境变量、使用EditPlus编辑器编写JSP文件,以及创建运行Web应用的基本步骤。通过这个过程,读者可以了解Web应用程序的基础知识。
摘要由CSDN通过智能技术生成
286734524be575c92a152f667f31f7fb.png点击上方“蓝字”,关注我们.

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

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简易的 web 网页设计计算器的示例代码: ```html <!DOCTYPE html> <html> <head> <title>简易计算器</title> <style> input[type="button"] { width: 50px; height: 50px; font-size: 20px; margin: 5px; } </style> </head> <body> <h1>简易计算器</h1> <input type="text" id="display" disabled /><br /> <input type="button" value="1" onclick="addToDisplay('1')" /> <input type="button" value="2" onclick="addToDisplay('2')" /> <input type="button" value="3" onclick="addToDisplay('3')" /> <input type="button" value="+" onclick="addToDisplay('+')" /><br /> <input type="button" value="4" onclick="addToDisplay('4')" /> <input type="button" value="5" onclick="addToDisplay('5')" /> <input type="button" value="6" onclick="addToDisplay('6')" /> <input type="button" value="-" onclick="addToDisplay('-')" /><br /> <input type="button" value="7" onclick="addToDisplay('7')" /> <input type="button" value="8" onclick="addToDisplay('8')" /> <input type="button" value="9" onclick="addToDisplay('9')" /> <input type="button" value="*" onclick="addToDisplay('*')" /><br /> <input type="button" value="0" onclick="addToDisplay('0')" /> <input type="button" value="." onclick="addToDisplay('.')" /> <input type="button" value="=" onclick="calculate()" /> <input type="button" value="/" onclick="addToDisplay('/')" /><br /> <input type="button" value="C" onclick="clearDisplay()" /> <script> function addToDisplay(value) { document.getElementById("display").value += value; } function clearDisplay() { document.getElementById("display").value = ""; } function calculate() { var expression = document.getElementById("display").value; var result = eval(expression); document.getElementById("display").value = result; } </script> </body> </html> ``` 这是一个简单的 HTML 页面,其包含一个输入框和一些按钮用于输入数字和操作符。JavaScript 代码实现了将按钮的值添到输入框的功能,以及计算表达式并在输入框显示结果的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值