关于项目中前台页面的理解

项目跑起来后，看到一个页面先观其大略。这个界面是怎么样一个结构，比如左边是一颗树，顶部包含一个工具栏，页面的主体部分是一个表格。

接着找到这个页面对应的JSP。方法如图--这个页面对应的action

再细看。看这个工具栏上的功能，通常是对应JS 的一些函数。树节点单击会调用哪一块的代码。

特别注意页面发送的请求。

js中引用了一个id,找到这个id对应的HTML元素。

一个jsp页面，由include的文件，可能含一些公共的标签库，还有公共的js。从上个页面或文件传递过来的参数，在文件开头通过

<%

从上个页面或文件传递过来的参数

%>引入

先看页面总体布局，再看细节。先看庐山的全貌，再看一些花花草草。

页面的body部分，分成了哪几块DIV，每一块div从他的命名看出大概是什么作用。 特别要留意的是他的 id，可能在 前端UI框架被引用。

接着看 $(document).ready(function(){})部分。

弄清楚js中的变量的来源是什么，比如在一个if判断中出现了一个controlFlag，不是很清楚，什么含义，可以利用Ctrl+F搜索这个变量在哪里定义的。会有相应的注释.

注意这个页面从上个页面或者action中接收了哪些参数。比如这个action中，特别注意request中塞了哪些数据进去。

页面上所有的功能按钮最终都是对数据库进行操作。后台发出的SQL语句是这个操作最实质的一些东西。

当点击页面上的某个按钮，随时注意eclipse控制台发出了哪些SQL语句。这就找到了当前操作关联的数据库表。

比如你刚在页面新保存(插入)了一条记录，但是控制台hibernate显示的是?,?.如图

想看到这条记录的全貌可以这样。

表中显示的第一条记录就是你刚插入的记录

可以将这些查询语句复制出来去数据库客户端查询这些语句。

以一个数据字典的功能为例：要做的加强自己理解的操作如图的顺序

控制台--

数据库管理工具--

页面

控制台--

核心的原则就是：我想在数据库获得 什么信息，这个目的是很明确的。如何找到这条信息可能就是需要根据表之间的字段引用关系了。