基于JSP+MVC+mysql的毕业设计(毕业论文管理系统)

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43683329/article/details/88049638

四月中旬要答辩了,要开始刚毕业设计
服务器:tomcat8.0
数据库:mysql8.0(mysql workbench+nacivat for mysql)
开发环境:myeclipse
前端开发:easyui+jQuery(可能后面会 用到一些layer插件)
后端开发:MVC

数据库用了两个显示的工具,个人觉得mysql workbench编写代码和查询比较方便,而navicat插入测试数据比较方便

2019.03.01
第一次做这种带权限的系统,就是不同身份的功能和页面不同,这里设置了usertype(学生1、教师2、管理员3)
1.详情页用的是不可编辑的textarea,其他的都是easyui的表单控件

document.getElementById(id).readOnly=true;

2.通过关闭或打开panel实现编辑页和详情页、不同权限菜单栏之间的切换

.panel('close');
.panel('open');  

2019.03.08
家里有事耽误了一个星期emmm,今天开始继续。跟着一个牛逼的老师就是QAQ,后台被老师改了N次,前端也要跟着变TAT

1.easyUI的datagrid可以支持多选(用于删除),但是只支持修改标黄的一条——checkbox可选中多个,只选中一行,这三个属性可以自由组合,具体的组合效果可以去easyUI官网试试
数据表格DataGrid上的复选框选择

$('#myGrid1').datagrid({
		singleSelect:true,                         //同时select多行
		checkOnSelect:true,                        //选中就会选中复选框
		selectOnCheck:false
});

2.在做详情页的时候,内容溢出需要滚动条,查了下资料大多数都用overflow-y:auto,这里失效了
下面的fit和overflow属性必须同时存在才能单独出现竖向滚动条

<div id='mainpanel' class='easyui-panel' data-options="region:'center',fit:true" style="overflow:auto;margin:0px; padding:0px;border:0px;">	

2019.03.13
前几天数据库总是显示连接成功,但是无法取出数据。后来百度翻译了一下,原来是myeclipse重装之后,忘记设置jdk版本了,mysql8.0要匹配jdk8(默认jdk7)。
可能这几天要进补一下react、html5和css3,现在前端的工作都要求熟悉移动端的开发框架,其实没有实际的项目经验,光看这些代码是很难理解的。之前买了《锋利的jQuery》和犀牛书,一开始看根本记不住,直到开始做毕设慢慢就能回想起之前的内容,jQuery的dom真的比原生的好太多,ajax也封装得很完整。不敢想象如果用原生的js代码写……
简历改了很多次了,感觉还是最大的弊端还是没有相关的实习经历,如果有大一大二的人在看这篇文章,一定要确定自己的目标,趁早开始准备,大一大二没经验去实习反而人家能宽容点。
从我学前端技术的经验来看(不知道是不是我菜),其实大部分代码都是要用的时候才去查,除非经常写某一块的代码,学习用一个新框架也不是自己对书敲代码就可以的,还是要有更多的项目实习经验,才知道那些用在哪,怎么用。说起项目经验,大一的时候就在老老实实码一本书的代码,直到看到老师做的项目才知道自己有些逻辑不对,这个地方代码应该这么设计……另一个例子就是我室友,编程的课都是飘过的,大三暑假出去实习两个月,做毕设用上了react和nodeJS,跟脱胎换骨一样,所以还是要多出去学习别人的编程思路、习惯或者方法。
今天的代码倒是有个小问题,在combobox引入数据库的数据时,列名称不是text就出不来(空白),后来只能写个循环把取出的json数组中对应的属性名改成text,这种方法不适用于大批量数据(其实就不该出现的)。应该是后端通过数据库存储过程取值的时候,写死了只取表中的列名,通过select命名的列名无法识别取出。还是不敢乱动老师的服务器,Hhhh

for(var i=0;i<dept.length;i++){
	dept[i].text=dept[i].deptname;
	delete dept[i].deptname;
}

2019.03.19
今天试了下可编辑的datagrid,是由两个函数实现的
datagrid的基本设置

$('#myGrid1').datagrid({
	height:'100%',
	width:'100%',
	pagination:true, 
	rownumbers:true,
	//view:bufferview,
	singleSelect:true, //同时select多行
	checkOnSelect:false, //选中就会选中复选框
	selectOnCheck:false,
	columns:[[
	    {field:'check',checkbox:true, halign:'center', align:'center'},
	    {title:'学工号',field:'teacherid', width:200, halign:'center', align:'center',editor:{type:'textbox',options:{width:200}}}]],
	onClickRow:function(rowIndex, rowData){	
		beginEditing(rowIndex);
	}		
}); 

函数
点击下一行自动保存上一个修改过的数据进网格,可通过onAfterEdit(rowIndex, rowData, changes)对数据库数据进行删改

var editIndex = undefined;   //全局变量
function endEditing(){
	if (editIndex == undefined){return true;}
	if ($('#myGrid1').datagrid('validateRow', editIndex)){
		$('#myGrid1').datagrid('endEdit', editIndex);
		editIndex = undefined;
		return true;
	} else {
		return false;
	}
}
function beginEditing(index){
	if (endEditing()){                //
		$('#myGrid1').datagrid('beginEdit',index);
		editIndex=index;
	}
}

2019.04.17
今天放一些用到的开源代码
1.单文件、文件夹压缩
2.根据文件模板生成PDF

先到这,还会持续更新。。。

展开阅读全文

没有更多推荐了,返回首页