想做一个关于根据日期进行查询的功能,而此功能最好是能够选择输入的日期,这样就能够方便进行查询和格式化,当然咯在选择日期的时候应该选择一个日期范围,这样才能比较好的获取输入日期。
但是boostrap并没有直接提供一个可供输入的日期控件啊!!!为什么连一个可供输入的日期选择控件都不给我。好吧面对这种情况理论上应该自己添开发一个控件,可是我对前端真的不熟,臣妾真的做不到啊!所以我在网上搜索再三终于让我找到了一个比较好用的控件:https://github.com/dangrossman/bootstrap-daterangepicker这时此控件的git地址,控件的介绍很详细,使用起来也比较简单,总的来说就是选择起始日期和终止日期,最终显示在text标签上,控件的下载后介绍图片为:
通过此控件选择起始和终止日期,然后根据起始和终止日期作为一个表单提交给服务器,服务器获取此表单之后解析起止时间,然后在数据库中查询,最终将得到的查询结果显示出来。具体使用代码为:
上面一部分提到了数据范围输入提交表单,下面我们提一提循环显示框,在网上闲逛时突然发现一个超炫的显示窗口,于是乎也用到了我的界面上,虽然感觉有点不搭调,但是好歹看起来比较炫丽,显示效果为:
由于截动态图比较大,而且比较麻烦,所以懒得截动态图了,起始整个显示框是3D的且可以进行旋转,看起来是不是很吊,这个控件主要来源算了,找不到了,大家有兴趣可以网上找找,当然,这个控件还是有一些缺点的也不能说是缺点吧,就是感觉自己用的不是很好,在网页缩放的时候不能自动的进行响应式的布局,在这一点上我觉得对这个控件本身的应用造成了极大的限制,在此情况下,此控件做一个web端的界面是可以的,但是移植到移动端恐怕会引起一些不舒适。
下面是我整个代码的Git地址有兴趣可以下载下来看看:https://github.com/wuweiFrank/JavaDemo1
标签: 3d gallary, 开发, 日期范围选择, Java Web
年前一段时间有个可能的项目,所以认真学习了一把java的服务端开发,同时配置好了tomcat服务器,通过服务器的配置可以搭建一个简单的web应用,最后项目没有音讯了,还是不想让自己学的东西就这么荒废了,同时也是为了以后同类的事情做起来轻松一点,另外更重要的是马上就面临着找工作的压力,所以多学习一些东西总是多一些找工作的技能吧。所以自己默默的展开了这个项目,这个项目的主要目标是为测绘相关部门开发一个OA系统,由于测绘相关所以要有地图应用,由于是简单的OA系统所以只实现了简单的功能,在最开始的时候面临的主要是一些技术问题,如网页的搭建,jsp代码怎么写,css怎么做,网页布局怎么做等等问题,当然对于这种小规模的系统来说前端和后端都是我自己做,所以也不存在前端和后端的沟通之类的问题,但是技术问题也是一个让我很困扰的问题,因为前端技术多的数不胜数,各种技术之间相似行高,容易混淆,另外各种不同的技术有互有优缺点,在实际应用中需要根据需要去灵活考虑使用哪些技术,当然对于我一个新手来说这些都不是什么问题,因为这个系统十分简单,同时由于学习成本的问题,我考虑只使用java web+jsp进行处理,选择这种方式的主要原因在于我对java有一定的了解,在服务端进行过servlet的开发,当然我也使用过Node .js进行过服务器的搭建,但是jsp在服务端的应用总是觉得比较奇怪。当然,对于一个Web应用来说区分前后端是一件比较复杂的工作,也是比较麻烦的,在项目开始之前我试图尽力将前后端区分清楚,但是还是没有能够很好的进行区分,这其中存在如下问题:
1.我想把所有数据库相关操作都放在后端,前端只获取数据进行数据的展示
2.在前端获取数据之如何通过后端写入数据库中,我的想法是通过数据组织为jason格式然后交给后台解析,并写回数据库中
3.前端后端完全分开之后前端数据的处理结果需要从后端获取的数据才能展示。这个问题跟小鹏哥讨论过几次。
另外一个问题在整个界面的设计和处理流程,关于这个问题,由于以前做了需求分析所以也并不是太困难,但是界面的设计对我来说是一个大问题,即使在使用Boostrap框架的情况下,设计一个饱满,同时看起来比较舒服的界面也需要大量的工作,以上这些问题是在开展这个项目之前遇到的一些问题,当项目开始之后所面对的就是一些比较细节的问题了,当然项目只是做了一个开始,在这个开始过程中首先有几个主页,登录界面等界面的设计,而主页是主要功能页面,所有功能都是通过主页进行跳转,同时利用Boostarp的栅格布局做了主页界面如下:
主要功能有:数据查询;数据管理;数据发布和数据上传与下载,界面做的比较粗糙不够紧凑但是各种功能还是比较明确。同时导航栏主要用于查看通知,会议情况,日程安排,地图和帮助,界面做的比较松散,但是用于web端看起来还是那么回事,如果用于android端就显得不那么好看了,当美化的处理是必须要做的,但是这个已经更目前要做的无关了,以后有机会可以做到更好。