转化成JSP后乱码问题
来源：3-2 综合训练-实现员工信息列表
我的曲奇饼呢
2019-08-01 22:57:07
为什么我转换jsp后代码界面原来的中文就出现乱码了?在页面显示也是乱码
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>åå·¥å表</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet"></link>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<style type="text/css">
.pagination {
margin: 0px
}
.pagination > li > a, .pagination > li > span {
margin: 0 5px;
border: 1px solid #dddddd;
}
.glyphicon {
margin-right: 3px;
}
.form-control[readonly] {
cursor: pointer;
background-color: white;
}
#dlgPhoto .modal-body{
text-align: center;
}
.preview{
max-width: 500px;
}
</style>
<script>
$(function () {
$("#btnAdd").click(function () {
$('#dlgForm').modal()
});
})
</script>
</head>
<body>
<div class="container">
<div class="row">
<h1 style="text-align: center">IMOOCå工信æ¯è¡¨</h1>
<div class="panel panel-default">
<div class="clearfix panel-heading ">
<div class="input-group" style="width: 500px;">
<button class="btn btn-primary" id="btnAdd"><span class="glyphicon glyphicon-zoom-in"></span>æ°å¢
</button>
</div>
</div>
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>åºå·</th>
<th>åå·¥ç¼å·</th>
<th>å§å</th>
<th>é¨é¨</th>
<th>èå¡</th>
<th>å·¥èµ</th>
<th> </th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>7782</td>
<td>å¼ ææ¶</td>
<td>ç åé¨</td>
<td>ç åå·¥ç¨å¸</td>
<td style="color: red;font-weight: bold">ï¿¥7,780.00</td>
</tr>
<tr>
<td>2</td>
<td>7839</td>
<td>å¼ ä¸½</td>
<td>ç åé¨</td>
<td>è¿ç»´å·¥ç¨å¸</td>
<td style="color: red;font-weight: bold">ï¿¥8,820.00</td>
</tr>
<tr>
<td>3</td>
<td>5243</td>
<td>å¼ å©</td>
<td>å¸åºé¨</td>
<td>客æ·ç»ç</td>
<td style="color: red;font-weight: bold">ï¿¥6,000.00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- 表å -->
<div class="modal fade" tabindex="-1" role="dialog" id="dlgForm">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">æ°å¢åå·¥</h4>
</div>
<div class="modal-body">
<form action="#" method="post" >
<div class="form-group">
<label for="empno">åå·¥ç¼å·</label>
<input type="text" name="empno" class="form-control" id="empno" placeholder="请è¾å¥åå·¥ç¼å·">
</div>
<div class="form-group">
<label for="ename">åå·¥å§å</label>
<input type="text" name="ename" class="form-control" id="ename" placeholder="请è¾å¥åå·¥å§å">
</div>
<div class="form-group">
<label>é¨é¨</label>
<select id="dname" name="department" class="form-control">
<option selected="selected">请éæ©é¨é¨</option>
<option value="å¸åºé¨">å¸åºé¨</option>
<option value="ç åé¨">ç åé¨</option>
<option value="åå¤é¨">åå¤é¨</option>
</select>
</div>
<div class="form-group">
<label>èå¡</label>
<input type="text" name="job" class="form-control" id="sal" placeholder="请è¾å¥èå¡">
</div>
<div class="form-group">
<label for="sal">å·¥èµ</label>
<input type="text" name="salary" class="form-control" id="sal" placeholder="请è¾å¥å·¥èµ">
</div>
<div class="form-group" style="text-align: center;">
<button type="submit" class="btn btn-primary">ä¿å</button>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>
1回答
-
同学你好！新建一个jsp文件，将原先文件中的内容，复制在jsp文件中，修改头文件。就不会出现乱码的现象。
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
