栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

只会后端我是如何开发项目的?

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

只会后端我是如何开发项目的?

只会后端

没错,我是只会后端代码的工程师,前端的部分,我不是说一点都不会,但是要达到前端开发的水平还是不够的,我最多算是会调调基本样式,写写JS代码,但是真要解决各种前端需求,对我来讲就很困难了,但是作为一名IT人员,不能说不,所以我在自己接项目的时候,都是如何解决前端问题的呢?

搜模板

那肯定是“前人栽树后人乘凉”,都有现成的了,我直接去用多好,自己设计不仅慢,还是无法提供足够多的样式,主题,所以我都是直接在网上搜的各种前端页面模板,例如下面这些:






来源:

怎么用?

都是HTML 都是CSS 都是 Javascript,我又不是看不懂,所以,这些模板的基本功能都是非常简单的,提供了静态页面,提供了基本的 dashboard 样式,而且都是点击左侧菜单栏就会打开不同的页面,展示在 main 区域,所以我在自己开发的时候,只需要给菜单栏加上我指定的 URL ,编写好指定的页面即可。

举例子
@Controller
@RequestMapping("/comm")
public class AdminPageViewController {
	
	@RequestMapping(value = "/adminviewer", method = RequestMethod.GET)
	private String admin() {// 显示主页
		return "comm/index";
	}
	@RequestMapping(value = "/adminwelcome", method = RequestMethod.GET)
	private String adminWelcome() {// 显示欢迎页面
		return "comm/welcome";
	}
}

我们来看看 return “comm/index” 是哪个页面


我看看其中一个菜单的标签:

  • 全部用户
  • 这个地址指向了另一个HTML文件,通过这种方式实现点击不同页面显示不同的main区域
    然后加载这个页面的时候会加载一个JS文件,这个JS文件就会去POST或者GET接口
    剩下就是调接口,获取JSON串,解析后通过 jQuery 来显示不同的HTML标签了

    
    $(function(){
    	var base_URL="/hrsys";
    	var getUserInfoByIdUrl=base_URL+"/adcadmin/getuserinfobyid";
    	//获取url里传来的userId
    	var urlGetUserId=getQueryString('userId');
    	$.getJSON(getUserInfoByIdUrl+"?userId="+urlGetUserId,function(data){
    		var userInfo=data.someone;
    		//获取输入值
    		$('#userId').val(userInfo.id);
    		$('#userName').val(userInfo.name);
    		$('#idCard').val(userInfo.idCard);
    		$('#phone').val(userInfo.phone);
    		$('.Wdate').val(userInfo.entryTime);
    		var isMarried=userInfo.isMarried;
    		var gender=userInfo.gender;
    		var htmlIdName='';
    		var htmlGender='';
    		if(isMarried==1){
    			htmlIdName='#married-1';
    		}else{
    			htmlIdName='#married-2';
    		}
    		if(gender==1){
    			htmlGender='#sex-1';
    		}else{
    			htmlGender='#sex-2';
    		}
    		$(htmlGender).attr("checked","checked");
    		$(htmlIdName).attr("checked","checked");
    		$('.select-department').val(userInfo.jobDepartment.id);
    		$('.select-position').val(userInfo.jobPosition.id);
    		$('.select-prioriy').val(userInfo.priority);
    	});
    	
    })
    
    结语

    前端的发展也是非常迅速,各种框架各种工具,实在是庞大,很遗憾没有在最初就研究前端,导致现在看起前端代码来,非常吃力,因为实在是难以用后端的思维去理解前端,可能我理解力上有所欠缺吧,还是想好好看看前端代码来更好开始个人项目,之前的代码很多都是直接套用的别人前端框架,很多细节处理的不够优雅,比如分页,比如弹窗,比如页面和页面直接的参数传递。
    最近开始学习前端,学了Vue,学习一些高级的用法,学会了一些打包工具,理解了前端代码的结构。
    总的来说前端和后端是一样重要的,只不过后端代码可能是很多学校都会强调的,而前端不会也没事,导致很多人对前端没那么重视,所以现在前端的崛起也是让很多人才发现前端也有广阔的天地,加油吧,少年

    转载请注明:文章转载自 www.mshxw.com
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号