eclipse设置非html页面显示,配置Eclipse编写HTML/JS/CSS/JSP页面的自动提示。

1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist

修改Auto Activation triggers for java的值为:zjava   点击apply按钮

2.继续打开JavaScript→Editor→Content Assist

修改Auto Activation triggers for javaScript的值为:zjs   点击apply按钮

3.继续打开web→html Files→Editor→Content Assist

修改Prompt when these characters are inserted的值为:zhtml  点击apply按钮

4.打开File→Export→Genral→Preferences→导出一文件到任意位置,然后用记事本打开此文件

查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

再查找 zjs  然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

再查找 zhtml  然后将其值改为 <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

保存文件。

5.打开eclipse→File→Import→Genral→Preferences,导入刚刚编辑的文件后,所有设置完毕。

0fefd30005ae4f3099693cfb67c5715b.jpg

692da3f7e350440aa68f940937acfc12.jpg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要创建一个动态Web项目,然后在Eclipse中创建一个JSP文件。 接下来,我们可以使用HTMLCSS来装饰我们的点餐页面。下面是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>点餐页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>欢迎来到餐厅</h1> </header> <main> <form action="order.jsp" method="post"> <fieldset> <legend>请选择您需要的食物</legend> <label><input type="checkbox" name="food" value="burger">汉堡</label> <label><input type="checkbox" name="food" value="pizza">披萨</label> <label><input type="checkbox" name="food" value="fried_chicken">炸鸡</label> </fieldset> <fieldset> <legend>请选择您需要的饮料</legend> <label><input type="radio" name="drink" value="cola">可乐</label> <label><input type="radio" name="drink" value="juice">果汁</label> <label><input type="radio" name="drink" value="water">水</label> </fieldset> <button type="submit">提交订单</button> </form> </main> <footer> <p>版权所有 © 2021 餐厅</p> </footer> </body> </html> ``` 在这个例子中,我们使用了HTML5的语法来创建一个基本的点餐页面。我们使用了`<header>`、`<main>`和`<footer>`标签来分别定义页面的头部、主体和尾部。我们还使用了表单元素`<form>`来让用户选择他们的食物和饮料,以及一个提交按钮`<button>`。 我们还使用了一个外部CSS文件`style.css`来装饰我们的页面。下面是一个示例代码: ```css body { font-family: Arial, sans-serif; background-color: #f2f2f2; } header { background-color: #333; color: #fff; padding: 20px; } main { margin: 20px; } fieldset { margin-bottom: 20px; } legend { font-weight: bold; } label { display: block; margin-bottom: 10px; } button { background-color: #4CAF50; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; } button:hover { background-color: #3e8e41; } ``` 在CSS中,我们设置页面背景颜色、字体、边距和一些其他样式。我们还为标签`<header>`、`<fieldset>`、`<legend>`、`<label>`和`<button>`添加了样式,以使页面更加美观。 最后,我们需要在我们的JSP文件中引用这个CSS文件。我们可以使用以下代码在JSP文件的头部中引用它: ```html <link rel="stylesheet" type="text/css" href="style.css"> ``` 完成以上步骤后,运行项目,即可看到一个简单的点餐页面了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值