近几年来,网络事业，特别是Internet发展速度之快是任何人都始料不及的。目前，由于Internet表现出来的便捷，快速等诸多优势，已经使它成为社会各行各业，甚至是平民大众工作，生活不可缺少的一个重要组成部分。

随着社会的发展线下管理的方式已经不可避免的显示出它在时间与空间等方面的局限性，广大的人民群众迫切的需要打破这种局限性。在这种要求下，基于网络的电子商务产生了。它的出现不但解决了传统管理方式的缺点，而且给了广大用户更大的选择空间，促进了摄影竞赛的优化管理，有效的避免了摄影竞赛管理缭乱的局面。所以像摄影竞赛小程序这种电子商务的发展壮大也是不可避免的。

摄影竞赛小程序作为一种典型的电子商务系统也迅速的发展并深入人们的日常生活中，它使用户足不出户就可以管理自己的摄影竞赛项目信息等，最大化减缩了用户的管理时间，提高了管理效率。

1.2课题研究现状

在国外很多发达国家，软件产业早已得到全面普及，但我国经济已不断发展，不断引进国外信息化建设，使国内软件行业得以不断发展，在摸索中进步，最终也得到一些成果，我国的软件业迎来了高速的发展，使更多的软件系统得以开发出来，从此逐渐地改变人们的生活工作方式。但是，对于信息化的建设，与很多发达国家相比，由于信息化程度的落后以及经费的不足，我国的摄影竞赛小程序开发方面还是相对落后的，因此，要不断的努力探索，争取开发出一个实用的信息化的摄影竞赛小程序，来实现行摄影竞赛管理的信息化。因此本课题以摄影竞赛为例，目的是开发一个实用的摄影竞赛小程序。

摄影竞赛小程序的开发运用Python技术，MIS的总体思想，以及MYSQL等技术的支持下共同完成了该系统的开发，实现了摄影竞赛的信息化，使用户体验到更优秀的摄影竞赛小程序，管理员管理操作将更加方便，实现目标。

1.3本论文的研究内容

本文主要探讨了摄影竞赛小程序。针对线下管理方式中管理不便与效率低的缺点，本文将电子商务和计算机技术结合起来，开发出管理更便捷，效率更高的摄影竞赛小程序。本文并对其详细的设计方案，实现技术和运行情况做了分析和研究，最后对未来的工作做了研究与探讨。本文重点研究了以下几个方面：

（1）系统的体系结构，主要功能模块，主要数据的工作流程，后台数据库的设计，数据库配置与连接；

（2）系统各功能模块的详细设计，开发及其关键技术.

1.4本论文的组织结构

全文主要包括以下几个部分：

    第一部分主要介绍了项目背景以及课题研究现状和论文的主要内容等。

    第二部分介绍了系统设计与实现涉及到的技术知识和相关开发工具，主要包括Python技术，B/S架构和mysql 数据库管理系统。

    第三部分在系统设计目标，系统功能需求，系统性能需求，开发环境等方面对系统进行了详细的论述分析。

    第四部分对系统总体设计，数据库设计等几个方面进行了详细的论述。

    第五部分主要对系统的主要功能模块的实现细节进行了详细的阐述。

    第六部分对系统的功能测试以及测试结果进行了描述。

最后得出了结论，说明了系统的功能完整性和实用性以及系统的不足之处和对系统的进一步展望。

2系统关键技术及工具简介

系统开发过程中设计的关键技术是系统的核心，而开发工具则会影响的项目开发的进程和效率。第二部分便描述了系统的设计与实现等相关开发工具。

2.2 Django框架

Django是一个开放源代码的Web应用框架，由Python写成。采用了MVT的框架模式，即模型M，视图V和模板T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的，即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。

在传统web浏览器中，在加载htm15页面时先加载视图层的html和css，后加载逻辑层的java script，然后返回数据并在浏览器中展示页面。而微信开发者工具的系统层是基于Native System的，视图层和逻辑层会同时被加载。微信小程序的这种逻辑方式大大的优化了页面响应速度，减少了页面加载的等待时间，提高了用户体验。微信开发者工具可以实现同步本地文件，开发调试，编译预览，上传，发布等一整套流程。

2.4 MySQL数据库简介

MySQL数据库使用的语言是SQL语言。MySQL在保存数据时是根据数据的类型和特征分开保存在不同的表中，这样当用户在需要调用的数据时，就不再需要花费大量时间去寻找数据了，只要找到对应的表，就可以找到需要的数据了。MySQL可以完美的实现对于数据库的基本操作。因为 MySQL 数据库的占用的内存少，运行快，成本低，源代码开放，可移植性强，所以越来越多的数据来源简单的项目的开发都会选择 MySQL作为数据库，而MySQL也变得越来越流行。

MySQL 有很多特性，如可移植性，多线程，灵活性等，在很多操作系统中都可以运行。它可以实现在多个线程并发执行的技术；支持MyISAM、innoDB、MEMORY、ARCHIVE四种存储引擎，而且可以使用大型数据库，为用户提供许多使用数据库的工具，比如建模工具，管理工具等。在 WEB方面的应用MySQL是最好的。

本系统的数据使用的是MySQL,所以要将MySQL安装到指定目录，如果下载的是非安装的MySQL压缩包，直接解压到指定目录就可以了。然后点击C:\Program Files\MySQL\bin\winMySQLadmin.exe这个文件其中C:\Program Files\MySQL是MySQL安装目录。输入winMySQLadmin的初始用户、密码（注：这不是MySQL里的用户、密码）随便填不必在意，确定之后右下角任务的启动栏会出现一个红绿灯的图标，红灯亮代表服务停止，绿灯亮代表服务正常，左击这个图标->winnt->install the service 安装此服务，再左击这个图标->winnt->start the service 启动MySQL服务。

摄影竞赛小程序主要有两大模块四类用户。分别是前台模块（辅导员，学生和教师），后台模块（管理员）；详细规划如图4-1所示。

图4-1 系统规划图

登录，用户通过输入账号和密码，选择角色等信息并点击登录进行系统登录操作，如图5-1所示。

图5-1用户登录界面图

用户登陆系统后，可以对首页、项目信息、我的等功能进行详细操作，如图5-2所示。

图5-2系统首页界面图

项目信息，在项目信息页面可以查看项目名称、信息编号、项目类型、图片、工号、姓名、发布日期、项目简介、项目内容等详细内容；如图5-3所示。

图5-3项目信息界面图

5.1.1辅导员

辅导员在我的页面可以对项目信息、报名申请、公告信息、留言板等功能进行详细操作，如图5-4所示。

图5-4辅导员界面图

5.1.2学生

学生在我的页面可以对项目信息、报名申请、个人作品、作品信息、留言板等功能进行详细操作，如图5-5所示。

图5-5学生界面图

5.1.3教师

教师在我的页面可以对个人作品、作品信息、留言板等功能进行详细操作，如图5-6所示。

图5-6教师界面图

后台登录，管理员通过输入账号、密码，选择角色并点击登录进行系统登录操作，如图5-7所示。

图5-7管理员登录界图面

管理员登陆系统后，可以对首页、个人中心、教师管理、学生管理、辅导员管理、项目信息管理、作品信息管理、留言板管理、系统管理等功能进行相应操作，如图5-8所示。

图5-8管理员功能界图面

教师管理，在教师管理页面可以对索引、教师工号、教师姓名、性别、邮箱、联系手机、相片等内容进行详情、修改或删除等操作，如图5-9所示。

图5-9教师管理界面图

学生管理，在学生管理页面可以对索引、学号、学生姓名、性别、邮箱、手机号码、相片等内容进行详情，修改或删除等操作，如图5-10所示。

图5-10学生管理界面图

辅导员管理，在辅导员管理页面可以对索引、工号、姓名、性别、邮箱、手机、相片等内容进行详情，修改和删除等操作，如图5-11所示。

图5-11辅导员管理界面图

项目信息管理，在项目信息管理页面可以对索引、信息编号、项目名称、项目类型、封面、工号、姓名、发布日期等内容进行详情或删除等操作，如图5-12所示。

图5-12项目信息管理界面图

作品信息管理，在作品信息管理页面可以对索引、项目名称、项目类型、学号、学生姓名、作品名称、作品图片、提交日期、教师工号、教师姓名、评论日期等内容进行详情或删除等操作，如图5-13所示。

图5-13作品信息管理界面图

留言板管理，在留言板管理页面可以对索引、用户名、留言内容、留言图片、回复内容、回复图片等内容进行详情，回复或删除等操作，如图5-14所示。

图5-14留言板管理界面图

系统管理，在轮播图管理页面可以对索引、名称、值等内容进行详情或修改操作；如图5-15所示。

图5-15轮播图管理界面图

系统测试不仅仅是发现系统潜在的BUG或错误，而更为重要的是为用户提供一个良好的体验和安全可使用的产品服务。而通过发现错误或潜在的问题，将有助于提升产品的竞争力，这也是软件测试的其中的重要目的之一。

软件测试的方法有好几种，但目前主要采用的是包括以功能为主要测试方向的黑盒测试以及以逻辑为主要测试方向的白盒测试，这是两种不同的测试方法，针对的测试侧重点不同，本课题根据实际需求情况，选择以功能为主要的黑盒测试方法，同时测试是要遵循一定的规则来执行的，一个测试要执行其执行的依据一般是由测试用例来规定的，而测试用例一般是依据需求或说明书来综合制定的，测试在硬件出厂前是十分重要的一个过程，本课题由于时间和精力的关系，选择以实现的功能作为测试要点来进行测试。具体测试过程如下：

测试用例1及测试过程：

登录：录入登录信息，账号，密码，权限，然后单击登录进行操作，会出现两种情况：一种情况是登录成功，进入用户相应的功能界面进行下一步操作；另一种情况是提示登录失败，系统会弹出一个对话框要求重新登录操作；

测试用例2及测试过程：

管理员登录：录入登录信息，管理员账号，密码，权限，然后单击登录进行操作，会出现两种情况：登录成功进入管理员具有权限的功能界面和提示登录失败。一种情况是登录成功，进入管理员界面进行下一步操作；另一种情况是提示登录失败，系统会弹出一个对话框要求重新登录操作；

经过对上述测试结果分析，本系统能够在不同电脑上使用运行，具备一定安全性，用户信息不易泄露，能够日后再增删功能，能够实现所有功能，产品运行性能良好，能达到毕业设计要求。

7总结与展望

经过三个月的努力，终于完成了摄影竞赛小程序。有成功，引以为豪的地方，也有失败的诸多环节。

整个毕设工作从研究现状出发，了解了系统所需技术，查阅了相关文献，熟悉系统领域知识与相关软件环境，找出了系统开发所遇到的难点和重点。结合自身水平，进行了系统需求分析，总体规划，数据库设计，详细设计与编码测试等各项工作，最终实现了一个具有较完整功能的摄影竞赛小程序。

摄影竞赛小程序只对普通用户，管理员管理等基本模块进行了设计，在今后具体的工作中，还应添加更多的功能模块，并加强现有模块的细化工作，使系统能够真正实现。

系统的开发和完善是一个长期的过程，需要在实际应用中不短积累和完善。根据课题研究现状以及社会实际需求，对于本系统，在一下几方面可以进行进一步的改进和完善：

1、随着计算机的发展，管理网站的普及，摄影竞赛小程序要增加更多的功能模块，特别是管理员模块，可以让更多的管理员入驻。

2、管理方面的多功能性也是需要扩展的，因为时间关系，管理的功能不能被满足，以后可以进一步对摄影竞赛的分类等进行补充与完善。

3、系统提供的搜索功能比较简单，还可以进一步的完善。

参考文献

[1]韩舶。微信小程序发展现状及其前景探析，2020（08）5-9

[6]邵荣强; 王慧敏; 陈燕; 胡孔法; 龚庆悦。基于微信小程序的检验查询系统设计与开发2020（4）78-87

[7]傅旭鹏。媒介传播视野下微信小程序的发展[J].新媒体研究，2018（11）

[1]杨选辉.信息系统分析与设计[J].北京：清华大学出版社.2017

[2]钱雪忠.数据库原理及应用[M].北京：北京邮电大学出版社.2017.08

[3]吴建.张旭东.java网络开发入门与实践[J].人民邮电出版社.2016

[4]贺松平.基于MVC的B/S的架构的研究及应用[D].武汉：华中科技大学.2016

[5]毕国锋.java技术的Web应用程序三层设计模型研究[J].黑龙江科技信息.2017.03

[6]青龙老贼,赵黎,方雨,刘琪.微信终极秘籍:精通小程序商业运营[M].北京：电子工业出版社,2019.

[7]戴晟晖.微信公众平台搭建、开发与实践指南[M].北京：中国铁道出版社,2016.

[8]微网.微商城细节知多少？微信小程序在未来几年的发展方向[EB/OL].2019.

[9]李刚.疯狂Ajax讲义:jQuery/ExtJS/Proto.义:jQuery/ExtJS/Prototype/DWR企业应用前端开发实战[M].3版.北京：电子工业出版社,2018.

[10]PaulDeck,林仪明,崔毅.SpringMVC学习指南[M].北京：民邮电出版社,2017

[11]王珊.数据库系统原理教程[M].北京：清华大学出版社,2018,56.

[12]求是科技.java数据库开发技术与工程实践[M].北京：人民邮电出版社,2016,131.

[13]王群,李馥娟.java数据库系统开发完全手册[M].北京:人民邮电出版社,2016.3.39-44

[14]李严,于亚芳,王国辉.java数据库开发实例解析[M].北京:电子工业出版社,2019.12.78-93

[15]王国辉、牛强、李南南java工程应用与项目实践[M].北京:电子工业出版社,2015.4.162-171.

核心代码展示

/**
 * 公告通知
 * 后端接口
 * @author 
 * @email 
 * @date 2021-03-09 11:33:59
 */
@RestController
@RequestMapping("/news")
public class NewsController {
    @Autowired
    private NewsService newsService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,NewsEntity news, HttpServletRequest request){
        EntityWrapper<NewsEntity> ew = new EntityWrapper<NewsEntity>();
		PageUtils page = newsService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, news), params), params));

        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,NewsEntity news, HttpServletRequest request){
        EntityWrapper<NewsEntity> ew = new EntityWrapper<NewsEntity>();
		PageUtils page = newsService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, news), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( NewsEntity news){
       	EntityWrapper<NewsEntity> ew = new EntityWrapper<NewsEntity>();
      	ew.allEq(MPUtil.allEQMapPre( news, "news")); 
        return R.ok().put("data", newsService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(NewsEntity news){
        EntityWrapper< NewsEntity> ew = new EntityWrapper< NewsEntity>();
 		ew.allEq(MPUtil.allEQMapPre( news, "news")); 
		NewsView newsView =  newsService.selectView(ew);
		return R.ok("查询公告通知成功").put("data", newsView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        NewsEntity news = newsService.selectById(id);
        return R.ok().put("data", news);
    }

    /**
     * 前端详情
     */
	@IgnoreAuth
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        NewsEntity news = newsService.selectById(id);
        return R.ok().put("data", news);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody NewsEntity news, HttpServletRequest request){
    	news.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(news);
        newsService.insert(news);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody NewsEntity news, HttpServletRequest request){
    	news.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(news);
        newsService.insert(news);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody NewsEntity news, HttpServletRequest request){
        //ValidatorUtils.validateEntity(news);
        newsService.updateById(news);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        newsService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<NewsEntity> wrapper = new EntityWrapper<NewsEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}


		int count = newsService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}