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

最新推荐文章于 2024-08-17 09:37:51 发布

Mango同学

最新推荐文章于 2024-08-17 09:37:51 发布

阅读量4.9k

点赞数 2

文章标签：技术菜鸟

本文链接：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

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