软件项目管理大作业：项目技术介绍

一只天蝎

于 2021-12-16 10:58:47 发布

阅读量3.2k

点赞数 2

分类专栏：编程语言---JAVA 文章标签： javascript jquery 前端 spring boot 个人开发

本文链接：https://blog.csdn.net/weixin_45880844/article/details/121962346

版权

编程语言---JAVA 专栏收录该内容

34 篇文章 4 订阅

订阅专栏

简简单单的总结

最近状态
技术介绍
写在最后

技术介绍

前端技术

FreeMarker

技术优点
彻底地分离表现层和业务逻辑，提高开发效率；
比如有一天客户突然想换一个网站名字了，不可能去把每一个界面文件都打开然后挨个换掉，这样会很浪费时间

代码展示

hanshuhuan.site.name=\u3010\u4e0d\u662f\u6570\u7ec4\u3011\u57fa\u91d1\u4ea4\u6613\u5e73\u53f0

<title>${siteName!""}发布基金</title>

JavaScript

技术优点
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)的，具有函数优先的轻量级，解释型或即时编译型的编程语言；
其实就是用来写函数的，比如点击一个按钮之后，页面的反应

代码展示

<div class="complain">
    <a href="javascript:void(0);" onclick="report(${goods.id});">•&nbsp;&nbsp;&nbsp;&nbsp;举报&nbsp;&nbsp;&nbsp;&nbsp;•</a>
</div>

function report(id){
	
	var content=prompt("不是数组提醒您：请输入举报原因");
	if(content == null || content==''){
		alert('请您先输入举报原因');
		return;
	}
	ajaxRequest('/home/stu/report_goods','post',{'goods.id':id,content:content},function(){
			alert('不是数组提醒您：举报成功');
        });
}

jQuery

技术优点
jQuery是一套JavaScript的库，是一个框架，它简化了使用Javascript进行网页特效开发的一些复杂；
比如可以很方便的展示或是隐藏一些属性

代码展示

function change_photo(){
    $("#user_photo").bind('mouseenter',function(){
       $("#origin_ph").attr('src',$("#change_photo").attr('src'));
    });
    $("#user_photo").bind('mouseleave',function(){
    	$("#origin_ph").attr('src',$("#origin_ph").attr('old-src'));
       $("#change_photo").css({
            display: "none"
        })
    });
}

Ajax

技术优点
Ajax技术使用非同步的HTTP请求，在Browser和Web Server之间传递数据，使Browser只更新部分网页内容而不重新载入整个网页；
就是不用让页面重复刷新一次又一次

代码展示

function uploadPhoto(showPictureImg,input){
	var formData = new FormData();
	formData.append('photo',document.getElementById('uploadFile').files[0]);
	$.ajax({
		url:'/home/upload/upload_photo',
		contentType:false,
		processData:false,
		data:formData,
		type:'POST',
		success:function(data){
				$('.loading').addClass("hide");
				if(data.code == 0){
					$("#show-img").show();
					$("#"+showPictureImg).attr('src','/photo/view?filename=' + data.data);
					$("#"+input).val(data.data);
					//向后台发请求，修改数据库中的头像
				}else{
					data = $.parseJSON(data);
					alert(data.msg);
				}
			},
			error:function(data){
				alert('图片选择失败错误!');
			}
	});
}

CSS

技术优点
就是给前端的元素定义样式

代码展示

.pages { text-align: center; }
.page-arrow, .page-num, .pages span { display: inline-block; height: 40px; font-size: 1.33em; color: rgb(255, 255, 255); line-height: 40px; vertical-align: middle; text-align: center; }
.page-num, .page-arrow { width: 40px; margin: 0px 5px; background-color: rgb(255, 197, 0); text-decoration: none; }
.page-num.cur { background-color: rgb(68, 193, 165); }
.page-num:hover { background-color: rgb(68, 193, 165); }

Bootstrap

技术优点
是基于HTML、CSS、JAVASCRIPT的前端框架，重点是可以兼容大部分jQuery插件

代码展示

<div class="form-item l goods-title">
   <div class="form-key">
       <span>选择基金图片</span>
   </div>
   <div class="form-value">
       <div class="form-input-wr">
       	<input type="file" id="uploadFile" />
       </div>
   </div>
</div>

后端技术

SpringBoot

技术优点
需要更少的配置，只需添加用@ Configuration 注释的类，然后添加用@Bean 注释的方法，Spring 将自动加载对象，并像以前一样对其进行管理。

代码展示

@SpringBootApplication
@EnableJpaAuditing
@ServletComponentScan
public class App 
{
    public static void main( String[] args )
    {
    	 SpringApplication.run(App.class, args);
    }
}

JPA

技术优点
简化对mysql的操作，JPA的查询语言是面向对象而非面向数据库的

代码展示

package shuhuan.bond.entity.common;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.EntityListeners;
import javax.persistence.Table;

import org.springframework.data.jpa.domain.support.AuditingEntityListener;

import shuhuan.bond.annotion.ValidateEntity;

/**
 * 新闻实体类
 * @author Administrator
 *
 */
@Entity
@Table(name="hsh_news")
@EntityListeners(AuditingEntityListener.class)
public class News extends BaseEntity{

	private static final long serialVersionUID = 1L;

	@ValidateEntity(required=true,requiredLeng=true,minLength=1,maxLength=30,errorRequiredMsg="新闻标题不能为空哦！",errorMinLengthMsg="新闻标题长度不能小于1哦",errorMaxLengthMsg="新闻标题长度不能大于30哦！")
	@Column(name="title",nullable=false,length=1024)
	private String title;
	
	@ValidateEntity(required=true,requiredLeng=true,minLength=1,maxLength=10000,errorRequiredMsg="新闻内容不能为空哦！",errorMinLengthMsg="新闻内容长度不能小于1哦",errorMaxLengthMsg="新闻内容长度不能大于10000哦！")
	@Column(name="content",nullable=false,length=10024)
	private String content;
	
	@Column(name="view_number",nullable=false,length=9)
	private Integer viewNumber=0;
	
	@Column(name="sort",nullable=false,length=4)
	private Integer sort = 0;

	public String getTitle() {
		return title;
	}

	public void setTitle(String title) {
		this.title = title;
	}

	public String getContent() {
		return content;
	}

	public void setContent(String content) {
		this.content = content;
	}

	public Integer getViewNumber() {
		return viewNumber;
	}

	public void setViewNumber(Integer viewNumber) {
		this.viewNumber = viewNumber;
	}

	public Integer getSort() {
		return sort;
	}

	public void setSort(Integer sort) {
		this.sort = sort;
	}

	@Override
	public String toString() {
		return "News [title=" + title + ", content=" + content
				+ ", viewNumber=" + viewNumber + ", sort=" + sort + "]";
	}
}