一步步开发网站系列-网站界面

经历3年左右的积累,一个人完成了一个专业考试社区网站。先上图,以后有时间慢慢讲解技术实现,供大家学习。

网站地址 www.zyldingfang.com

这是我的官网首页



 

这是我集成的第三方社区BBS系统叫WeCenter

这是我使用jquery easyui技术实现的后台管理 

这是我使用SUI Mobile框架实现的微信移动站点

网站是我刚毕业那会儿开始接的私活,现在的技术实现和当初的已经差别太多了,很高兴能通过它见证自己的成长。

目前技术实现是

主站:asp.net  mvc 5 + EF 6,实现缓存、cookie管理、网站静态化

前端:AmazeUI、jquery easyui、sui

微信服务号接口框架:Senparc.Wexin

社区:第三方 wecenter

文章评论管理:多说

百度广告和阿里巴巴广告都已申请,实现广告费收入。

做完这些觉得收获很多,所谓的积累是有目标和方向的,告诫刚毕业出来的朋友,每天在博客园看再多的文章写再多的代码,如果没有方向,那不叫积累,那只是看起来很努力而已。

来自为知笔记(Wiz)

时间: 2024-12-28 21:42:48

一步步开发网站系列-网站界面的相关文章

LNMP系列网站零基础开发记录(二)

[目录] 扯淡吹逼之开发前奏 Django 开发环境搭建及配置 Bootstrap 前端页面开发 Django app开发 Django 站点管理 Python 简易爬虫开发 Nginx&uWSGI 服务器配置 ...  二.Django 开发环境搭建及配置  1. 开发环境 开发环境依然是Windows,可以开发的django的IDE较多,我只使用过以下几种 Eclipse  免费IDE,需要下载pydev插件,代码提示功能不错 Visual Studio 需要下载PTVS,结合了VS强大的编

LNMP系列网站零基础开发记录(三)

[目录] 扯淡吹逼之开发前奏 Django 开发环境搭建及配置 web 页面开发 Django app开发 Django 站点管理 Python 简易爬虫开发 Nginx&uWSGI 服务器配置 ... 三.web页面开发 好吧,本来想单独写一章bootstrap的,但是前端确实没什么好写的,这里我们直接结合实际直接开搞吧.做WEB我习惯先把想要的页面模板做完,然后再根据razar或者这里要用到的django template修改.美工确实不太好,P得一手烂图,所以一般都用现成的开源框架,这里我

LNMP系列网站零基础开发记录

[目录] 扯淡吹逼之开发前奏 Django 开发环境搭建及配置 Bootstrap 前端页面开发 Django app开发 Django 站点管理 Python 简易爬虫开发 Nginx&uWSGI 服务器配置 ... 一.扯淡吹逼之开发前奏 终于答辩完了,实在没什么事,作为一个死宅到底的码农,只有呆在宿舍写程序玩. 以前项目都是基于Windows平台开发的,主要是.NET和C++,一直想学一学python,可是没有项目驱动实在是没动力,看了文档不动手过几天就忘了,好吧,我们干脆就开发一个开发的

SharePoint Online 创建门户网站系列之准备篇

前 言 门户是SharePoint自推出以来,就非常适合的一种站点类型,在Server版本中,发布站点的应用非常广泛.这里,我们以一个个简单的例子,然后以一个固定的项目Demo,为大家演示如何一步步在SharePoint Online中创建门户网站. 一. 设计工具SharePoint Designer简介 打开Designer,首先需要点击红框的按钮打开站点,输入站点的地址即可:一般来说,网站地址是打开的首页(如:https://linyus-public.sharepoint.com/Pag

使用Bootstrap 3开发响应式网站实践04,使用Panels展示内容

在Bootstrap页面中,通常用Panels来展示主要功能的内容.该部分Html为: <div class="row" id="featureHeading"> <div class="col-md-12"> <h2>更多信息</h2> <p class="lead"> 广州恒大淘宝队的官方网站和微博同时发布了几张海报,预热本周三晚8点即将到来的亚冠1/4决赛第二回

7 个 Bootstrap 在线编辑器用于快速开发响应式网站

Bootstrap 已经使响应式网站开发变得简单很多. 但是如果你不必手动写全部代码,事情会如何呢? 如果你可以自由地选择你想要使用的Bootstrap 组件.并可以把它们拖拽到画布中,事情会如何呢? 这就是Bootstrap 编辑器的用武之地. Bootstrap 编辑器和生成器使得画界面原型.测试.搭建响应式网站变得简单. 尽管每一个编辑器都不同,但是它们都利用Bootstrap 庞大的组件库实现了拖入和移除组件功能. 在这篇文章中,我们总结了一些目前市场上最好的 Bootstrap 编辑器

WordPress小工具开发教程(网站公告)

WordPress小工具开发教程(网站公告) BY TIANQIXIN · 2012 年 12 月 26 日 wordpress主题小工具,可以自由拖动到侧边栏,并在前台实现相应功能!一般自带的小工具功能有限,我们可以通过自己开发小工具来增强wordpress的侧边栏功能.制作wordpress小工具需要用到WP_Widget类,该类位于wp-includes\widgets.php,有兴趣的同学可以打开看看,基本上我们只要扩展这个类就可以开发自己的小工具了.本站以网站公告为例,最终效果图如下:

WEBAPP开发技巧(手机网站开发注意事项)

1.要响应式开发web,也就是页面必须自适应屏幕大小,可以采用流体布局,如之前的文章(自适应宽度布局),其他具体的小问题可以采用media query解决(让IE支持CSS3 Media Query实现响应式Web设计和CSS3 Media Queries):2.因为手机大多是高级浏览器,可以使用html5+css3开发:3.合理灵活的使用meta标签,具体如下: <meta content=”width=device-width, initial-scale=1.0, maximum-scal

使用Bootstrap 3开发响应式网站实践03,轮播下方的内容排版

通常把一些重要信息.需要重点标注的信息放在轮播的下方显示,这部分区域用到了大字体的标题.副标题以及段落文字等. <div class="row" id="bigCallout"> <div class="col-md-12"> <div class="well"> <div class="page-header"> <h1>梅西升腾小宇宙<s