基于javaweb+jsp实现个人日记管理系统

介绍

运行环境

Java≥6、Tomcat≥7.0、MySQL≥5.5

开发工具

idea/eclipse/MyEclipse

技术框架

JavaWeb JavaBean JSP MVC MySQL Tomcat JavaScript

基础JSP+Servlet或JSP+SSM(Spring、SpringMVC、MyBatis)框架或JSP+SSM+Maven(pom.xml)框架…均可

开发工具:idea或eclipse或myeclipse

适用

课程设计,大作业,毕业设计,项目练习,学习演示等

功能说明

登录、注册、退出、用户模块、公告模块、日记模块的增删改查管理

效果图展示

基于javaweb+jsp实现个人日记管理系统_第1张图片

基于javaweb+jsp实现个人日记管理系统_第2张图片

基于javaweb+jsp实现个人日记管理系统_第3张图片

基于javaweb+jsp实现个人日记管理系统_第4张图片

基于javaweb+jsp实现个人日记管理系统_第5张图片

基于javaweb+jsp实现个人日记管理系统_第6张图片

基于javaweb+jsp实现个人日记管理系统_第7张图片

基于javaweb+jsp实现个人日记管理系统_第8张图片

基于javaweb+jsp实现个人日记管理系统_第9张图片

基于javaweb+jsp实现个人日记管理系统_第10张图片

基于javaweb+jsp实现个人日记管理系统_第11张图片

主要代码

 


                        
                    

                                
                                
                                

                    
                    
                
            

                
alert("时间不能为空");
            return false;
        }
        return true;
    }
    //编辑表单提交之前进行检查,如果return false,则不允许提交
    function editCheck() {
        //根据ID获取值
        if (document.getElementById("edit-diaryName").value.trim().length == 0) {
            alert("标题不能为空");
            return false;
        }
        if (document.getElementById("edit-diaryType").value.trim().length == 0) {
            alert("类别不能为空");
modal.find('#edit-diaryDate').val(vo.diaryDate);
            }
        })
    })
    $('#modal-info').on('show.bs.modal', function (event) {
        let button = $(event.relatedTarget);
        let id = button.data('id');
        let modal = $(this);
        $.ajax({
            url: 'diaryGet?id=' + id,
            type: "get",
            success: function (voString) {
                let vo = eval('(' + voString + ')');
                modal.find('#info-diaryName').text(vo.diaryName);
                modal.find('#info-diaryText').text(vo.diaryText);
                modal.find('#info-diaryType').text(vo.diaryType);
                modal.find('#info-diaryDate').text(vo.diaryDate);


}
        if (document.getElementById("edit-diaryDate").value.trim().length == 0) {
            alert("时间不能为空");
            return false;
        }
        return true;
    }

modal.find('#delete-id').val(id);
    }) 
    $('#modal-edit').on('show.bs.modal', function (event) {
        let button = $(event.relatedTarget);
        let id = button.data('id');
        let modal = $(this);
        $.ajax({
            url: 'diaryGet?id=' + id,
            type: "get",
            success: function (voString) {
                let vo = eval('(' + voString + ')');
                        modal.find('#edit-id').val(vo.id);
                        modal.find('#edit-diaryName').val(vo.diaryName);
                        modal.find('#edit-diaryText').val(vo.diaryText);

以上就是基于javaweb+jsp实现个人日记管理系统的详细内容,更多关于javaweb jsp个人日记管理系统的资料请关注脚本之家其它相关文章!

你可能感兴趣的:(基于javaweb+jsp实现个人日记管理系统)

标题 类别 时间 操作
${vo.diaryName} ${vo.diaryType}