随着移动互联网的快速发展，越来越多的用户开始使用手机上网。为了满足用户在移动端的需求，企业纷纷推出手机页面。本文将以JSP（Java Server Pages）技术为基础，为大家介绍一个JSP手机页面Demo实例，帮助大家了解如何打造个性化的移动端体验。
一、JSP手机页面Demo实例概述
1. 项目背景
随着智能手机的普及，越来越多的用户开始使用手机上网。为了提升用户体验，企业需要打造个性化的手机页面，提供更加便捷的服务。本文将以一个JSP手机页面Demo为例，展示如何实现这一目标。
2. 技术选型
在本次Demo中，我们使用了以下技术：
* JSP：Java Server Pages，一种动态网页技术，可以方便地实现服务器端代码与HTML代码的分离。
* CSS：层叠样式表，用于美化网页，提升用户体验。
* JavaScript：一种客户端脚本语言，用于实现网页的交互功能。
3. Demo功能
本次Demo实现了以下功能：
* 首页展示：展示最新资讯、热门活动、产品推荐等。
* 分类浏览：用户可以根据兴趣选择不同的分类，浏览相关内容。
* 搜索功能：用户可以输入关键词，搜索相关内容。
* 个人中心：用户可以查看自己的个人信息、浏览历史、收藏内容等。
二、JSP手机页面Demo实例实现步骤
1. 创建项目
我们需要创建一个JSP项目。在Eclipse等IDE中，选择“File” -> “New” -> “Project”，然后选择“Java Enterprise Project”，输入项目名称，点击“Finish”按钮。
2. 配置Web服务器
在项目创建完成后，我们需要配置Web服务器。以Tomcat为例，将Tomcat安装目录下的“bin”文件夹中的“tomcat7w.exe”文件拖拽到Eclipse的“Run”菜单中，启动Tomcat服务器。
3. 创建JSP页面
在项目目录下，创建一个名为“mobile”的文件夹，用于存放手机页面相关的文件。然后，在“mobile”文件夹中创建以下JSP页面：
* index.jsp：首页展示。
* list.jsp：分类浏览页面。
* search.jsp：搜索页面。
* usercenter.jsp：个人中心页面。
4. 编写代码
（1）index.jsp
```html
<%@ page contentType="
