typecho和wordpress模板了解、开发流程介绍、前台后台前端后端区分

网站模板搭建网站:

使用网站模板搭建网站很简单,只需要将相关文件放到你自己的服务器上面,之后在进行相关的配置即可。这里给大家介绍两款网站模板:

typecho:

是一个轻量高效,简单操作就能搭建网站的模板,如果要了解更多建议访问官方网站:http://typecho.org/

在这里插入图片描述

其几点需要注意:

1.首先将下载好的typecho文件夹放到一个置好的虚拟主机上,之后浏览器输入域名地址访问。

2.进入到欢迎使用typecho首页,点击 我准备好了, 开始下一步 » ,此时 数据库适配器 点击不了,需要开启C:\F\php\php.ini中的配置:ctrl+f 搜索带有pdo字符的配置,这里操作MySQL是pdo,并非mysqli,前面只介绍了mysqli操作mysql,如果想要了解pdo操作数据库,可以访问官方文档:https://www.php.net/manual/zh/ref.pdo-mysql.php、https://www.runoob.com/php/php-mysql-create.html

3.重启Apache,此时刷新浏览器可以看到 数据库适配器 可以选择了, pdo驱动SQLite 不需要安装,它是一个数据库文件的形式,这里我们选择数据库适配器。

4.在Navicat Premium 15中新建一个数据库,不用管理它,只需要建立一个和它关联的数据库即可。

5.确认,开始安装后,可以看到前后台连接。

WordPress:

wordpress是一个开源软件,你可以用它来创建一个漂亮的网站,它是一个世界级的模板,如果想要了解更多可以访问官方文档:https://wordpress.org/

在这里插入图片描述

项目开发流程简介:

要想开发一个属于自己或团队的网站,作为开发者有必要知道具体流程。如果公司技术团队完整的情况下,基本开发流程如下:(当然某些公司技术团队可能不完整,可能把UI设计交给前端,数据库设计交给后端等)

  1. 需求分析: 分析应用程序要做什么功能, 应对那些业务。-- – --可采用XMind制作思维导图。

  2. 原型设计: 根据需求分析的结果规划应用程序的原型, 可以理解为打草稿。-- – - 可采用Axure / 墨刀等设计。

  3. UI设计: 将草稿转化为设计稿, 并提供相应的产物(设计稿, 静态页面)。 – -- - 采用ps / ai / Sketch等设计。

  4. 技术选型: 根据业务场景分别选择对应的技术栈(数据库技术栈, 后端技术栈, 前端技术栈),根据公司技术团队现状,采用技术团队熟悉的技术开发。

  5. 数据库设计: 根据需求和原型分析有哪些类型的数据要存, 得到我们数据库的基本结构。

  6. 项目架构设计: 俗称搭架构, 具体操作是制定项目规范约束, 创建基本的项目结构, 编写公共模板块代码和组织代码。

  7. 业务迭代开发: 开发者的工作, 基于项目架构完成各项业务功能。

  8. 集中测试: 将所有功能模块整合到一起, 集中测试业务功能是否正常, 是否满足业务需求。

  9. 部署上线: 发环境向生产环境转换,把应用部署到服务器。

项目架构:

关于项目架构实际就是搭一个项目的架子,粗略的知道项目的骨架,让所有的开发人员基于这一个约束基础之上展开开发工作;一般项目都会分前台和后台两部分;前台是供用户使用的,后台多为运营人员管理,但是前台和后台都是操作同一个数据库。

此时我们可以看得出,前台和后台可以分离开发,因此实际开发中常常会把这类项目分成两个项目去做,但是这种开发是比较麻烦的。因此也有公司将它作为一个项目开发,后台仅作为一个 子目录,如:

//前后台分离开发:http://www.kuhaiblog.com和http://www.manage.com//前后台捆绑开发:http://www.kuhaiblog.com和http://www.kuhaiblog.com/manage/,当然这种开发管理页应该是私密的。

基本目录结构:

前后台分离开发目录结构比较单一,这里采用前后台捆绑开发目录介绍,以下是开发中常见目录命名及解释,当然实际开发中以具体项目进行增删目录,要考虑文件命名语义化。

    └────kuhaiblog ··············· 项目文件夹(网站根目录,部署到服务器上网站的根文件夹)└───manage ····················后台项目的文件夹│   └──css ····························存放css文件的目录│   └──js  ····························存放js文件的目录│   └──lib ····························存放第三方引用的文件目录│   └──static ·························存放其他页面的文件夹,当然此文件夹一般表示存放静态资源,例如css,js,html等都可以存放│   └──index.php ······················后台index页├── static ····················· 前台项目静态文件夹,一般存放html,css,js,引用文件等│   ├── assets ················· 资源文件夹,存放css,html,js,图片,引用等资源│   └── uploads ················ 上传文件夹,存放用户上传的图片,视频等文件,里面可以具体划分└── index.php ·················· 前台index文件

整合静态资源文件:

静态文件:指服务器不会经过任何处理就返回给客户端浏览器的文件,比如:图片、样式表、字体文件等。

动态文件:指服务器会对请求的文件进行处理,并将处理后的结果返回给客户端浏览器的文件,比如:PHP 文件、ASP 文件、JSP 文件等。Apache / Nginx 这一类 Web Server 本身可以处理静态文件请求,所以不需要 PHP 处理静态文件请求。只需要将静态资源放到网站目录中即可。

项目配置文件:

由于在开发过程中,肯定有一部分公共的成员,例如数据库名称,数据库主机,数据库用户名密码等。这些数据应该抽象成一个配置文件 config.php 放到项目中,使用时只需:require_once ‘config.php’ ,载入config.php文件,配置文件中配置信息用:define(‘变量名’,'变量 '),如define(‘DB_USER’,‘root’), require ‘config.php’。

php载入脚本的几种方法对比:

require
require_once
include
include_once
它们共同点:都可以在当前 PHP 脚本文件执行时,载入另外一个 PHP 脚本文件。
require 和 include 不同点:当载入的脚本文件不存在时,require 会报一个致命错误(结束程序执行),而 include 不会结束后面脚本执行。
有once 后缀:判断当前载入的脚本文件是否已经载入过,如果载入了就不在载入执行。

前台后台前端后端:

开发中某些人员会对前台后台前端后端关键词说的比较模糊,下面小编将具体解释一下:
前台:面向用户,供用户使用的可视化界面,搭建前台需要前端和后端及数据库等,如淘宝首页等。
后台:面向运营人员或者管理人员的可视化界面,搭建后台同样需要前端和后端及数据库等,如淘宝店铺管理后台千牛工作台。
前端:指开发网站中的html,css,js等技术。
后端:指开发网站中的php,java等技术。

提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者删除。
笔者:苦海

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/575333.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

*[topcoder]IncrementingSequence

http://community.topcoder.com/stat?cproblem_statement&pm12107 此题想了半天,当时瞥到了Greedy,所以就想着贪心,最后的方法又纸上画了一下应该是对的。就是排序后依次看是不是满足要求。证明就是如果对数字X,有a和b都能够…

在浏览器端调试代码并直接修改原文件、移动端虚拟键盘中实现搜索按钮

在浏览器端调试代码并直接修改原文件: 此调试方法可以避免在浏览器调试完代码后在到原文件手动修改代码的弊端,其具体方法如下: 1.先将要调试的页面在浏览器(Google)打开,这里小编打开桌面test文件夹中的…

Bootstrap简介、下载bootstrap及引入文件说明、响应式容器和满屏容器、栅格系统

Bootstrap简介: Bootstrap是Twitter(推特)开发的,目前最受欢迎的前端开源框架,基于jQuery用于开发HTML、CSS、JavaScript,简洁灵活,常用于开发响应式布局及移动端开发。其中文官方文档&#xf…

JavaScript和jQuery的学习

还有12天就要回学校了,我的假期计划还能实现吗?在这12天里,需要把JavaScript和jQuery学完。我知道这两个技术对于前端网页开发非常重要。前期把HTML和CSS学完了,学的不是特别深,只是简单的过一下,自认为HTM…

bootstrap中语义化标签、字体风格、文本布局、列表排列、特殊字体颜色及特殊背景颜色

语义化标签&#xff1a; bootstrap中提供一些语义化标签&#xff0c;它们自带样式&#xff0c;这里介绍几个样式比较明显的语义化标签&#xff1a; <!-- 1.bootstrap中mark标签定义一个有淡黄色背景的文本 --> <p><mark>hello</mark></p><!…

asp.net使用MVC4框架基于NPOI做导出数据到Excel表

NPOI 是 POI 项目的 .NET 版本。POI是一个开源的Java读写Excel、WORD等微软OLE2组件文档的项目。 使用 NPOI 你就可以在没有安装 Office 或者相应环境的机器上对 WORD/EXCEL 文档进行读写。NPOI是构建在POI 3.x版本之上的&#xff0c;它可以在没有安装Office的情况下对Word/Exc…

bootstrap中表格、修饰图片、浮动、背景框、提示框及关闭提示框、元素淡入淡出及jQuery中操作类名

表格&#xff1a; bootstrap中用类定义了几个风格的表格&#xff0c;使用时给table标签加上类名即可&#xff0c;具体如下&#xff1a; 类名描述.table基础表格&#xff1a;标题加粗&#xff0c;只有水平的淡灰色边框线条&#xff0c;没有垂直方向的线条.table-striped条纹表…

系统数据监控

系统数据监控。 using System; using System.Collections.Generic; using System.Diagnostics; using System.Linq; using System.Text; using System.Threading; using Arch.CFramework.CLoggingAdapter; using Ctrip.Mobile.AppDownload.Utility;namespace Ctrip.Mobile.AppD…

bootstrap中单个按钮、按钮组、徽章、进度条

单按钮&#xff1a; 背景按钮&#xff1a;bootstrap提供了具有特殊意义背景的按钮样式&#xff0c;使用时只需给自己的按钮(button、input、a)加bootstrap提供的类名即可&#xff0c;其具体如下&#xff1a; 类名描述.btn基本按钮&#xff1a;灰色、有高度、宽度自适应、没有…

openerp child_of操作符深度解析

child_of 此操作符&#xff0c;从代码来看&#xff0c;等价于&#xff1a; [(x,child_of,id)] > x.prarent_left >id.parent_left && x.parent_left < id.parent_right , 求x&#xff08;的集合&#xff09;。 为了形象的说明&#xff0c;我们一步步来&…

bootstrap中分页、面包屑导航、列表组、卡片、下拉菜单、折叠

分页&#xff1a; 分页功能是当遇到数据很多时&#xff0c;如果都放到一个页面上&#xff0c;那么找起来很不方便&#xff0c;而且不利于性能。此时采用分页功能就能很好的优化用户体验&#xff0c;可是如果自己开发分页功能&#xff0c;那么就会影响开发效率&#xff0c;boot…

当ASP.NET Forms验证方式遭遇苹果IOS

一、问题出现 我在用ASP.NET MVC4做微信开发的时候&#xff0c;用Forms验证方式做为authentication。 一般都是在web.config加&#xff1a; <authentication mode"Forms" ><forms loginUrl"~/Account/Login" name"webcookies" sliding…

bootstrap中导航、导航栏、表单及自定义表单

导航&#xff1a; bootstrap中使用列表封装了水平导航&#xff0c;其类样式如&#xff1a; 类名描述.nav给ul或ol&#xff0c;用于清除列表默认样式&#xff0c;并将列表项水平排列.nav-item给li,用于布局.nav-link给li里面的a,用于a布局.justify-content-center用于居中ul或…

Haproxy安装及配置(转)

1.安装 # wget http://haproxy.1wt.eu/download/1.3/src/haproxy-1.3.20.tar.gz # tar zcvf haproxy-1.3.20.tar.gz # cd haproxy-1.3.20 # make TARGETlinux26 PREFIX/usr/local/haproxy #将haproxy安装到/usr/local/haproxy # make install P…

bootstrap中轮播图、模态框、提示框/弹出框、滚动监听、弹性布局、响应式flex、多媒体对象

轮播图&#xff1a; bootstrap封装了轮播图的功能&#xff0c;其具体如下&#xff1a; 类名描述.carousel创建一个轮播图块的容器&#xff0c;实质是做布局用&#xff1b;且此容器应该有一个di属性&#xff0c;其属性值提供给下面左右按钮href锚点值&#xff0c;用于左右按钮…

hive 常用UDF

Hive UDF整理(可以直接在mysql上测试&#xff0c;hive中没有伪表&#xff0c;需要手动创建&#xff0c;反应慢)字符串函数字符串长度函数&#xff1a;length 语法: length(string A)返回值: int说明&#xff1a;返回字符串A的长度举例&#xff1a;hive> select length(‘abc…

摄影网站收集

图虫网 http://tuchong.com/tags/%E9%95%BF%E6%B2%99/?orderweekly&page2 转载于:https://www.cnblogs.com/PS-apple/p/3902533.html

node简介及安装、下载及运行hexo

node简介&#xff1a; 1.node.js的可以打开服务端的黑盒子及高级前端(Vue、React 、Angular)的学习&#xff0c;例如&#xff1a;文件的读写、网络服务的构建、网络通信等。 2.node.js是操作服务器的一种工具&#xff0c;构建于Chrome的v8引擎之上&#xff0c;可以操作服务器…

node中模块系统及核心模块、执行node文件

node中模块系统&#xff1a; 1.模块系统&#xff1a;核心模块、第三方模块、 自己写的模块。 2.网页中所有的路径都是URL&#xff0c;而不是文件路径。 3.node偏底层开发&#xff0c;开启的服务器完全是一个黑盒子&#xff0c;所有的资源默认都是不能被用户访问的&#xff0…

Repository 仓储,你的归宿究竟在哪?(一)-仓储的概念

写在前面 写这篇博文的灵感来自《如何开始DDD(完)》&#xff0c;很感谢young.han兄这几天的坚持&#xff0c;陆陆续续写了几篇有关于领域驱动设计的博文&#xff0c;让园中再次刮了一阵“DDD探讨风”&#xff0c;我现在不像前段时间那样“疯狂”了&#xff0c;写博文需要灵感&a…