1.LBMS和CSMT可视化管理: Serverlet通过用户名密码登陆,登陆界面用nodejs实现,界面结构用html+css,通过post消息,发送json数据给后台,后台解析json后,获取用户密码,对密码进行加密,与数据库中的密码进行对比,如果用户密码正确,根据sessionid 产生token,设定此session的访问时间,将数据返回给客户端,客户端保存sesson数据。前台访问时通过对token的校验看是否有访问权限。添加多个filter,对url进行校验,如果url没有登陆,就会跳转到登陆页面,如果url访问的是内部禁止的资源,就进行页面提示,如果session过期,也会跳转到登陆页面。还会对url格式及其参数格式的正确性进行校验。主要实现这些逻辑,后台用java进行处理。
2.大数据项目,后台也是用java处理。前台用angular实现列表显示,checkbox等控件的处理,在用户进行设置后,将数据传送到后端,后端通过对数据库的增删改查,对数据进行操作,然后将操作后的数据在前台显示。例如添加一条推送指令,先创建组件,比如客户群,然后是触发条件,例如到指定区域,自动发送短信。这就是一条推送信息。创建成功后会在列表中添加一条推送,这条推送可以进行修改,当添加更多流程后,可以提交修改成功。如果不需要这条信息可以将此条信息删除。这就是一个完整的增删改查的操作。后面还有推送的状态,例如:草稿,审核,审核通过,发布等,都会发给相应的用户。Angular通过组件对相关界面做处理,例如:推送消息显示列表,通过list控件显示,每项column的添加,数据源database是通过前端get消息,发送到后端,查询数据库,然后组成json串返回给前端,前端解析json串,在界面上显示。
3.外汇数据显示项目,通过对屏幕宽度的监控,区分是pc还是手机端,pc端走pc列表显示的界面分支,手机端走手机端显示的界面分支。pc端主页是由table分页和list控件组成,父组件和子组件通过组件间通讯传递参数,例如子组件通过emit来传参数给父组件,让父组件进行操作。分页的处理,就是获取数据后,通过filter将符合的数据留下,然后将符合的数据显示到相应的页面中。手机端用到table,list,card控件,数据上是一样处理,就是界面显示差异。搜索功能就是添加输入框,然后监听输入的变化,对响应的数据进行模糊匹配搜索,然后刷新界面进行显示。css用到弹性盒子,对界面处理方便。
4.公司网站,是使用vue3实现,主要用到了refs,reactive等特性,主要还是做table分页处理,产品展示也是用的list和card处理。由于页面较多路由的处理相对来说复杂一下,涉及路由下的子路由,使用二级路由。实现了图片轮播组件,可以更好的显示产品。