程序汪1万接的企业官网项目，开发周期15天
项目来自程序汪背后的私活小团队，开发一个医药方面的企业官网，给粉丝分享一下，希望给接私活的朋友一些经验
视频版本 在 B站【我是程序汪】
目录
一、开发人员
二、项目背景
三、UI设计
四、官网展示
五、后端系统
最后 源码分享（网站及后端）
总结
网站基本构成：网站+后台CMS系统
UI设计：如果客户对UI没要求，直接拿网站模板开发即可，有要求就需要找专业的UI妹子啦
学会利用免费的资源，快速搭建网站
开发人员
UI设计（妹子一个，懂点基本的前端html css）
前端 技术栈 vue
后端 技术栈 springboot 利用开源系统二开
开发周期15天 ，真实就一周
开发人数 2人
整体费用是1万(不包含维护费)
走的公司合同
阿里云服务器1台
维护费用：项目总款的15%
项目背景
现在企业一般都需要一个门面（企业官网），官网本身技术不难，但是想要做的高大上还是不简单的。
官网的作用
一个精致的门面是吸引用户的基础
提升企业形象，增强竞争力
让成交更简单
UI设计
切图
基础的前端知识 CSS html
字体，
版面，
布局，
色调，
UI设计需要学习下面这些技能
程序汪认识的牛逼UI还会点前端基础
软件方面需要学习：Photoshop、Illustrator、After Effects、Axure、Adobe XD、Sketch等。
技能方面需要学习：运营广告设计、商业海报设计、品牌物料设计、网页界面设计、商业摄影、电商视觉设计、H5营销动画设计、AE交互动效设计、移动APP设计、多平台界面设计等。
理论方面需要学习：排版、配色、字体设计、三大构成、消费心理学、沟通学，以及思维导图、原型图、还有交互逻辑、规范、切图，了解程序，用户体验，还有营销课程方面的内容。
UI设计妹子
这个项目的关键其实是UI设计，后端管理系统是成熟开源上二开的（低代码），其实很多朋友会说这样的官网我1000元就接，套一个网站模板的确不用花什么钱，关键本客户的官网UI设计是需要定制的，客户与UI设计来来回回沟通成本是比较高的，沟通3天 开发3小时 真不夸张。UI妹子需要根据客户要求一点点修改，修改后又需要确认。
官网
由于这是商业网站，程序汪就不分享具体网址了，怕被客户K
后端系统（MCMS）
本系统的详细介绍点下面文章
推荐基于SpringBoot 的CMS系统，拿去开发企业官网真香
核心功能主要文章发布栏目发布，非常简单，后端部署没问题了剩下就是和前端联调，小项目前后端都是一个人，开发起来也比较快。
项目的Swagger（丝袜哥）API文档
技术选型
后端框架
| 技术 | 名称 | 官网 |
|---|---|---|
| Spring Framework | 容器 | http://projects.spring.io/spring-framework |
| Spring Boot | MVC框架 | https://spring.io/projects/spring-boot |
| Apache Shiro | 安全框架 | http://shiro.apache.org |
| Spring session | 分布式Session管理 | http://projects.spring.io/spring-session |
| MyBatis | ORM框架 | http://www.mybatis.org |
| Freemarker | 视图框架 | http://freemarker.foofun.cn |
| PageHelper | MyBatis分页插件 | http://git.oschina.net/free/Mybatis_PageHelper |
| Log4J | 日志组件 | http://logging.apache.org |
| Maven | 项目构建 | http://maven.apache.org |
| Elasticsearch | 分布式搜索引擎 | https://www.elastic.co |
| Redis | 分布式缓存数据库 | https://redis.io |
| hutool | 工具类 | http://hutool.mydoc.io |
前端框架
| 技术 | 名称 | 官网 |
|---|---|---|
| vue | 函式库 | https://cn.vuejs.org// |
| element ui | UI库 | https://element.eleme.cn/2.0/#/zh-CN |
| jQuery | 函式库 | http://jquery.com/ |
| Bootstrap | 前端框架 | http://getbootstrap.com/ |
| Bootstrap-table | Bootstrap数据表格 | http://bootstrap-table.wenzhixin.net.cn/ |
| BootstrapValidator | 表单验证 | http://bootstrapvalidator.com/ |
| Font-awesome | 字体图标 | http://fontawesome.io/ |
| Waves | 点击效果插件 | https://github.com/fians/Waves/ |
| zTree | 树插件 | http://www.treejs.cn/v3/ |
| Select2 | 选择框插件 | https://github.com/select2/select2 |
| Vue | MVVM框架 | https://cn.vuejs.org/ |
| AmazeUI | 移动端UI | http://amazeui.org/ |
| Plupload | 上传控件 | http://www.plupload.com/ |
| freemarker | 模板引擎 | http://freemarker.foofun.cn/toc.html |
| validator | 验证库 | https://github.com/chriso/validator.js |
| animate | 动画 | http://daneden.github.io/animate.css/ |
| icon | 矢量小图标(待更新) | http://ms.mingsoft.net/html/86//6048/index.html |
最后分享140套网站模板源代码
获取方式
公众号后台回复 140
网站的后端CMS系统源代码获取方式
公众号后台回复 cms
点下方原文链接观看B站视频版本