【实训项目】智联校友会小程序

1.项目背景

 作为某某省唯一一所中医药高等院校,××大学已经走过了30个春秋，截止到现在，我校已有近十万名校友遍布全国各地，校友在社会各界享有良好声誉，校友与学校相互成为密不可分的无形资源。 然而，在广大在校学生中，还有很多校友意识薄弱，对和自己息息相关的校友工作并不了解。校友会管理系统是代表学校联系和服务校友的职能系统，希望为未来的校友和在校生提供帮助和服务。 纵观整个省，到目前为止没有一-所高校拥有校友会管理系统，因此我们希望通过设计这样一个系统，来成为各大高校与校友联系的纽带。

2.服务用户

（1）在校大学生

（2）毕业大学生

（3）在校导师

（4）学校领导

3.技术体系

3.1PS

PS技术，即Photoshop技术，是一种广泛应用于图像处理和编辑的软件工具。它由Adobe公司开发并推出，被广泛用于图形设计、数字艺术、网页设计、摄影后期处理等领域。

PS技术具有丰富的功能和强大的编辑能力，可以对图像进行各种操作和调整，包括但不限于以下几个方面：

（1）图像修复和修复：PS技术可以通过使用修复画笔、克隆工具、修补工具等功能，去除图像中的瑕疵、划痕、污渍等，使图像看起来更加完美和清晰。

（2）色彩调整和校正：PS技术提供了丰富的色彩调整工具，如曲线、色阶、色相/饱和度等，可以对图像的亮度、对比度、色彩饱和度等进行精确控制，以达到理想的效果。

（3）选择和遮罩：PS技术提供了多种选择工具，如套索工具、快速选择工具、魔棒工具等，可以帮助用户精确选择图像中的特定区域，并进行编辑和处理。此外，还可以利用遮罩功能，将不需要编辑的区域遮挡起来，以保护图像的其他部分。

（4）图层和蒙版：PS技术使用图层的概念，可以将不同的元素和效果叠加在一起，形成复杂的图像组合。同时，利用蒙版功能，可以对图层进行遮罩或透明度调整，实现更精细的编辑效果。

（5）滤镜和特效：PS技术内置了众多滤镜和特效，如模糊、锐化、扭曲、变形等，可以为图像添加各种艺术效果和创意处理，增强图像的表现力和视觉冲击力。

（6）文字和排版：PS技术支持文字的插入、编辑和格式化，用户可以根据需要添加标题、标签、水印等文字内容，并进行字体、大小、颜色等方面的调整。

总之，PS技术是一种强大而灵活的图像处理工具，通过其丰富的功能和工具，用户可以对图像进行各种操作和调整，实现理想的视觉效果和创意表达。无论是专业设计师还是普通用户，都可以通过PS技术轻松地对图像进行编辑和处理。

3.2java

Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，Spring Boot（java server pages），和XML技术。JAVA语言是一种面向对象的语言，它通过提供最基本的方法来完成指定的任务，开发者只需要知道一些概念就能够编写出一些应用程序。Java程序相对较小，其代码能够在小机器上运行。Java是一种计算机编程语言，具有封装、继承和多态性三个主要特性，广泛应用于企业Web应用程序开发和移动应用程序开发。

Java语言和一般编译器以及直译的区别在于，Java首先将源代码转换为字节码，然后将其转换为JVM的可执行文件，JVM可以在各种不同的JVM上运行。因此，实现了它的跨平台特性。虽然这使得Java在早期非常缓慢，但是随着Java的开发，它已经得到了改进。

3.3数据库

MySQL是一种高效、可靠、易于使用的关系型数据库管理系统，它能够在多个系统平台上运行，并提供了丰富的接口供各种应用程序使用。MySQL支持标准SQL语法和ODBC，拥有强大的网格控制和数据仓库功能，同时具备优秀的安全性和连接性。因此，MySQL被广泛用于中小型和大型网站的开发，是一个非常受欢迎的数据库管理系统。

3.4微信小程序技术

微信小程序是一种轻量级的应用程序，可以在微信内嵌入运行，用户可以无需下载安装即可使用。微信小程序开发技术主要分为以下几个方面：

（1）前端开发技术：微信小程序主要采用前端技术进行开发，包括HTML、CSS和JavaScript等。同时，微信小程序也提供了一套独立的框架——小程序框架，使得开发者可以更加方便地进行开发。

（2） 后端开发技术：微信小程序需要依托于后端服务进行数据交互，因此后端开发技术也是必不可少的。后端技术主要包括Java、PHP、Python等，同时需要了解RESTful API等相关技术。

（3）云开发技术：微信小程序提供了一套完整的云开发平台，包括云函数、云数据库、云存储等服务。通过云开发可以更加便捷地进行开发和部署。

（4）UI设计技术：微信小程序的UI设计需要符合微信小程序的设计规范，同时还需要考虑到用户体验和应用场景等因素。

综上所述，微信小程序开发技术需要掌握前端、后端、云开发和UI设计等多个领域的知识。

4.详细功能

4.1用户注册

用户在使用校友会管理系统时，必须进行实名注册，包括姓名、年龄、性别、年级、联系方式、身份证号、学号、职业。

4.2学校要闻

主要记录有关校友的杰出事迹，学校的重大新闻，以及校友对学校做出的贡献。

4.2推广区

推广学校的研究成果,校友的杰出刊物，以及校友- -些好的项目。

4.3联络平台

为校友提供一个互动交流、分享生活的开放式社区，更好的为全体校友服务，让广大校友和母校实现共同发展。平台中包含了全国各个地区的优秀校友代表，为他们联系到全国各地的校友提供方便。

4.4校友捐赠

作为捐赠双方的媒介，协助校友处理各项捐赠事宜。具体内容主要包括:捐赠原则、捐赠方法、捐赠额度、捐赠资金管理、基金用途、回馈方式、信息公布。

5.小组分工

成员1：小程序的制作

成员2：PPT制作

成员3：宣讲PPT

成员4：后台管理

成员5：数据收集

成员6：页面设计

6.成果展示

 

7.核心代码

<view class="content">
   <view class="img">
     <image class="icon" src="/images/zybj.jpg" ></image>
   </view>
   <!-- <view class="center">
   <view>页面跳转</view>
   <view wx:for="{{cores}}"  wx:for-item="core" wx:key="id">
     <view class="btnGroup">
       <view class="fa fa-calendar item" style="color:#548687;"></view>
       <view class="fa fa-file-text-o item" style="color:#EC7357;"></view>
       <view class="fa fa-building-o item" style="color:#5A9367;"></view>
       <view class="fa fa-book item" style="color:#EC7357;"></view>
       <view class="fa fa-clone item" style="color:#9055A2;"></view> 
     </view>
   </view>
  </view>
  </view> -->
<view class="center">
    <block wx:for="{{cores}}" wx:key="item.name">
     <navigator url="../{{item.url}}" class='home_grid' hover-class="none">
      <image src="{{item.img}}" class="home_icon"></image>
      <view class="home_grid_text">{{item.name}}</view>
     </navigator>
    </block>
</view>
</view>

<!--index.wxml-->
<view class="container">
  <view class="userinfo">
    <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
    <block wx:else>
      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
    </block>
  </view>
  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view>

  <view bindtap="button">点击进入</view>
</view>

 8.PPT效果展示