只会后端

没错，我是只会后端代码的工程师，前端的部分，我不是说一点都不会，但是要达到前端开发的水平还是不够的，我最多算是会调调基本样式，写写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” 是哪个页面


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

<li><a data-href="/hrsys/adcadmin/adminuserlist" data-title="全部用户" href="javascript:void(0)">全部用户</a></li>

这个地址指向了另一个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，学习一些高级的用法，学会了一些打包工具，理解了前端代码的结构。
总的来说前端和后端是一样重要的，只不过后端代码可能是很多学校都会强调的，而前端不会也没事，导致很多人对前端没那么重视，所以现在前端的崛起也是让很多人才发现前端也有广阔的天地，加油吧，少年