大家好，这是本人设计开发的一套JAVA-BIN框架，可在Eclipse开发环境下使用JAVA快速开发动态网页，开放给大家使用，知识版权为本人所有，请转载复制注明出处。
本文假设您已掌握了Eclipse开发环境，并掌握了基本的HTML、JS（JQuery）前端知识，以及有了一些JAVA面向对象程序编程基础。
（本文的所有源码包含库，都在附件云盘资料中，可提前下载）
直接进入正题，小试牛刀：使用 本框架开发一个登录功能
一、新建项目：
New—》Web—》Dynamic Web Project
项目命名，本文命名bin-test
项目新建后自动生成项目结构
二、后端搭建
1、在源码src文件夹下右键新建3个包：
（1）control：控制层
（2）model：数据模型层
（3）servlet：网页服务层
并从本文提供的下载中，下载所需要的jar包，包括本框架的核心包bin.jar，以及本框架依赖的jar包，需要一并拷贝到WEB-INF下的lib文件夹中。
控制层：新建control.User类，代码如下：
其中：
（1）GetParamStr(参数名)：获取前端传过来的参数；
（2）ResultJson：返回的数据包，可以设置code、message给前端；
（3）WriteResult(返回数据包)：把操作结果数据返回给前端；
模型层：新建model.User类，代码如下：
服务层：需要右键servlet包，New新建——》Other——》Web——》Servlet
为服务命名，本文用：JsonServlet
Finish完成后，Eclipse会自动生成代码，包含get和post请求处理方法：
我们主要使用post方法，请参照修改post方法：
这两句与框架有关，复制粘贴即可，这里的xml与框架有关，后续会说明，建议按本文命名。
这便是后端的所有内容。
三、前端搭建
前端的WebContent文件夹中添加js文件夹，用于放置框架所需的js文件，并新建login.htm前端页面，把js引入html文件中。
前端html代码如下：
前端js代码如下：
四、前后端关联
后台搭建时，使用了一个XML文件，C://XML/bin-test.xml
这个XML文件中包含了前端到后端的访问路径，通过前端指令，定向调用后端的制定方法，配置方法如下所示：
（1）code：代表ajax发送的ask指令，本文中前端发送了login指令；
（2）class：指向后台的某个控制类，本文中为conrol.User；
（3）method：需要调用的方法名称；
即：
（1）前端：发送了一个json数据包，请求指令login，参数为用户名、密码；
（2）后端：根据配置，control.User的Login方法接受了请求，并处理返回结果；
备注：您可以添加更多的方法。
五、运行效果：
右键项目，RunAs——》Server，输入用户名密码，效果如下。
输入了正确的用户名和密码，后端发送了ok，前端收到后显示出结果。
六、关于数据格式（Json）
发送的格式：
{"ask":"login","UserName":"tangbin","PassWord":"123"}
返回的格式：
{"json":"ResultJson","ask":"login","code":"0","message":"密码错误！","data":null}
备注：如果需要返回数组数据，需要调用框架中的方法，添加到data中，后续文章会做相关补充介绍。
七、附加说明
这就是框架使用的主要内容，可以看出，本框架使用了MVC进行分层，并使用了映射等技术，实现了前后端的关联。关于框架使用的其他应用，包括列表数据的获取显示，会在后续中持续介绍。
为了使得简单易懂，本文未涉及VUE和Hibernate等更多内容，但为了快速开发，本文仍然建议：
（1）可以使用VUE框架结合使用vue-element控件，快速生成前端网页；
（2）后端可以在control层中使用Hibernate等库获取操作数据；
本文的所有源码附件，已打包发布在云盘中，您可从云盘中获取，请尊重知识版权，复制和使用注明出处。
链接: https://pan.baidu.com/s/1uByiOqCQZI4JNejmFSiDZQ
提取码: uqch
本文作者为毕业于哈尔滨工程大学的一名软件工程师，也是一名低薪码农，如果您有好的建议或问题，可留言。