Posts Tagged ‘教程’

Magento安装教程

Saturday, October 22nd, 2011

1.下载

从官方网站(http://www.magentocommerce.com/download)下载最新版本的magento及示例数据。

  • 系统程序Full Release – stable version ver 1.6.1.0 – Added October 19, 2011
  • 示例数据Sample Data ver 1.2.0 – Added December 29, 2008

2.安装

在安装之前,确认你已经安装了php运行环境,并确保apache和mysql服务已经正常运行。将解压后的目录放到web目录下,如果要安装测试数据需要把Sample Data中的media目录复制到magento安装目录中去。

  • xampp的web目录是htdocs
  • WAMPServer的web目录是Apache\WWW

 

打开http://localhost/magento 开始按照提示进行安装。

选择同意条款,下一步

选择时区和货币种类,下一步

如果未做相应设置可能会出现上面这种提示,因为magento是基于这些模块运行的。

到你的php.ini中找到这个下面这些内容:

extension=php_mcrypt.dll
extension=php_curl.dll
extension=php_mysql.dll
extension=php_mysqli.dll
extension=php_pdo_mysql.dll

确保前面的分号”;”已经被去掉

如果是xampp或者WAMPServer需要修改两个php.ini,xampp的在 apache\bin, WAMPServer在C:\wamp\bin\apache\Apache2.2.11\bin目录下, 在php.ini中做同样修改。

另外安装过程中创建数据库的时间比较长,需要临时修改PHP.ini中的一些设置:

max_input_time = 300
memory_limit = 512M
mysql.connect_timeout = 300
max_execution_time = 1800

修改好之后重新启动apache服务,然后刷新页面之后弹出界面如下:

输入数据库名和数据库的用户名和密码,如果还没有数据库需要为magento手动创建一个新的数据库,WEB设置可以保持默认设置。

创建你的数据库 例如:

名称: magento
字符集为: utf-8
字符集设置: utf8_bin

如果需要使用测试数据,需要在下一步之前导入sample data。选择新创建的数据库,在右边的窗口中选择导入(Import)功能,选择sample data压缩包中的数据文件magento_sample_data_for_1.2.0.sql

在弹出窗口中找到下载并解压缩的示例数据文件后,点击open后返回导入页面,点击右下角的GO开始导入数据。

导入数据后,再通过浏览器窗口进行magento系统的安装。

可以选择会话(session)数据保存在数据库(database)中,默认是在临时文件夹中以文件的形式存在

填写你登陆后台的密码和账号,继续下一步

到这里magento就已经安装完毕了,点击Go to Backend或者进入http://localhost/magento/index.php/admin/登陆你的后台。

如果安装了示例数据,再安装电子商务系统后,当访问具体商品时会出错,提示访问的页面不存在。这是因为系统生成的静态网址需要被更新,因此我们需要重新建立静态网址索引,登陆系统管理后台,进行system/index management页面,选择所有的索引(最重要的就是catalog url rewrites),然后选择重建索引(Reindex data)并执行。

重建索引后再访问具体商品时就能正常访问了。

3.汉化

在Magento 1.6版本中的后台默认已经支持中文,对前台需要我们手工进行汉化。

方法一,通过Magento Connect自动安装程序安装

在管理界面上选择Magento connect Manager进入插件安装管理界面

在www.magentocommerce.com网站上查找相关的插件:

http://www.magentocommerce.com/extension/359/magento-community-modules–chinese-simplified-china-language-pack

Magento Community Modules – Chinese Simplified (China) Language Pack

KEY: magento-community/Locale_Mage_community_zh_CN

由于这个插件还处于beta版本,我们要先设置插件管理可以接受beta版本的程序(默认只接受稳定版本的插件)。

在setting页面上选择可以接受状态为Beta,然后点击保存设置

把这个KEY拷贝粘贴到插件管理界面上的插件代码文件框中,然后点击安装即可。

方法二,把汉化文件包拷贝到相关的目录下

把汉化包解压得到一个文件夹app,拷贝这个文件夹到安装目录下,覆盖其中的app文件夹即可。

注:本文为修改版,原文出自豆丁网。

Magento学习资源

Thursday, October 20th, 2011

最近开始学习magento,整理一些学习资源和教程。

magento用户手册中文版

magento模板制作教程中文版

深入理解magento

深入理解magento是官方提供的由Alan Storm撰写的开发人员教程,下面是Hailong Zhang翻译的深入理解maganto系列教程,Alan Storm的原文还有四章,该系列教程介绍了magento开发的一些基础知识。

深入理解magento系列教程还有由精东翻译的第九章和第十章,不过顺序好像是反了。

Extensions Tutorial


extension tutorial系列由 撰写,其中介绍了magento的前台和后台扩展方法,包括后台Grid对象的使用和多语言的用法,原文德语,只需按照例子操作即可。

Creating a Magento Widget

 

其它资源

 

sablog模板设计教程[3] – default/style.css文件分析

Friday, January 5th, 2007

———————————————————-        +                +
titlelogo                                |
}pageheader
navlink         |
———————————————————-             +                |
description        |     guestlink                }topmenu
———————————————————-+           +                 |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
left        |         right                  |                        |
|                           |                        |
|                           }page                }这部分是inmain 这之外是outmain
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|                           |                        |
|        page**                   |                        |

———————————————————–                        |
footer
———————————————————–                         +

body {//整体页面的样式
margin: 0px;//外补丁设置为0,主要为了去掉页面内容和浏览器间的空隙
font: 12px “Verdana”, “Tahoma”, “sans-serif”;//字体样式
line-height: 140%;//行高
color: #000;//字体颜色
background-color: #cdd6dd;//最底层背景颜色
text-align: center;//页面内容对齐方式,居中
}
form {//表单样式
padding: 0px;//表单内补丁为0,为了去掉表单其他内容间的空隙
margin: 0px;//表单外补丁为0,为了去掉表单其他内容间的空隙
}
h1 {
font-size: 14px;
color: #000;
margin: 0px;
padding: 0px;
}
ol li {//列表的样式
list-style-position: outside;
list-style-type: decimal;
}
a {//链接的样式
color: #333399;
text-decoration: underline;//默认有下划线
}
a:hover {//鼠标在链接上停留时链接的样式
color: #CC0000;
text-decoration: none;//停留时无下划线
}
td {//表格中的样式
font: 12px “Verdana”, “Tahoma”, “sans-serif”;
line-height: 160%;
color: #000;
}
textarea {//表单文本域的样式,添加评论时的文本域等都被这个控制着
font: 12px “Verdana”, “Tahoma”, “sans-serif”;
padding: 4px;
}
input  {//控制文本框 密码框和按钮的样式
background-color: #fff;
color: #000;
font: 12px “Verdana”, “Tahoma”, “sans-serif”;
padding: 3px;
}
hr {//输出一条横线  sablog中很多地方都是用这个来分隔内容的
height: 1px;
border: 1px solid #B3CBE1;
margin-top: 15px!important;
margin-top: 5px;
margin-bottom: 15px!important;
margin-bottom: 5px;
}
#description {//站点描述样式
float: left;
padding-top: 0px!important;
padding-top: 3px;
text-indent:2px;
font: 12px “Verdana”, “Tahoma”, “sans-serif”;
color: #003366;
}
#guestlink {//菜单链接的样式   就是 注册 | 登陆 字样的样式
float: right;
font: 12px “Verdana”, “Tahoma”, “sans-serif”;
color: #003366;
}
#page {//中间部分整体样式
width: 100%;
background-repeat: repeat-y;
margin: 0px;
padding: 0px;
float: left;
background-color: #fff;
background-image: url(sidebar_border       $1.gif);
border-bottom: 1px dotted #386792;
margin-bottom: 1px;
clear:both;
}
#viewmode {//浏览模式 标准 列表 字样的样式
float: right;
}
#right {//中间右侧部分的样式
float: right;
width: 525px;
padding: 12px 15px 15px 15px;
text-align: left;
}
#top {
padding-bottom: 12px;
margin-bottom: 15px;
border-bottom: 1px solid #386792;
}
#left {//中间右侧部分的样式
float: left;
margin: 0px;
width: 180px;
padding: 20px 15px 15px 15px;
text-align: left;
}
#left h2 {//标题的样式 在default里用来控制左侧 日志分类 热门标签 日志归档 搜索文章 等字样的样式
font-size: 14px;
color: #999;
padding: 15px 0px;
margin: 15px 0px 0px 0px;
border-top: 1px solid #B3CBE1;
}
#left ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#left ul li {
margin-bottom: 2px;
overflow:hidden;
display:block;
width:178px !important;
width /**/:178px;
clear: both;
}
#left #icp {//备案信息样式
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #B3CBE1;
}
.formbox {
line-height: 150%;
padding: 5px 0px;
}
.title {//标题
font-size: 14px;
clear:both;
position:relative;
height:18px;
font-weight: bold;
text-indent: 5px;
border-left: 6px solid #d6e3ef;
border-bottom: 1px solid #d6e3ef;
padding: 2px;
}
.newcminfo {
font-size: 11px;
padding-bottom: 7px;
color: #606060;
line-height: 13px
}
.formfield {
color: black;
background-color: #edf2f8;
border:1px solid #bbb;
padding: 3px;
}
.formbutton {//表单按钮
color: black;
background: #edf2f8;
border:1px solid #bbb;
padding-top: 0px!important;
padding-bottom: 3px!important;
padding: 3px 2px 0px 2px;
height: 21px;
border-left: 4px solid #bbb;
}

.cal_day1 {//日历
font-size: 11px;
text-align: center;
}
.cal_day1 a {//日历
text-decoration: underline;
}
.cal_day1 a:hover {//日历
text-decoration: none;
}
.cal_day2 {//日历 今天的样式
font-size: 11px;
text-align: center;
border: 1px solid #999;
font-weight: bold;
}
.cal_day2 a {//日历 今天的链接样式
text-decoration: underline;
}
.cal_day2 a:hover {//日历 鼠标停留在今天的链接上时的样式
text-decoration: none;
}
.curdate {//日历 年月的样式
font-weight: bold;
font-size: 11px;
text-align: center;
padding-bottom: 10px;
}
.curdate a {//日历 年月的链接样式
text-decoration: none;
}
.curdate a:hover {//日历 鼠标停留在年月的链接上时的样式
text-decoration: underline;
}
.attach {//附件
padding: 10px 0px;
}
.attach-desc {//附件
background-color: #edf2f8;
padding: 5px;
border: 1px solid #000;
display: inline;
}
.content {//文章正文样式
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
.tags {//标签的样式
padding: 10px 0px;
}
.pagelink {//翻页部分 普通页码样式
padding:1px 3px;
font-size:11px;
font-weight:normal;
border:1px solid #386792;
}
.pagelink a {//翻页部分 普通页码链接样式
color: #333399;
text-decoration: none;
}
.pagelink2 {//翻页部分 第一页 最后一页 上页 下页的样式
padding:1px 3px;
font-size:11px;
font-weight:bold;
border:1px solid #386792;
}
.pagelink2 a {//翻页部分 第一页 最后一页 上页 下页的链接样式
color: #333399;
text-decoration: none;
}
.pagelink3 {//翻页部分,Record:的样式
padding:1px 3px;
font-size:11px;
font-weight:normal;
border:1px solid #386792;
background-color:#edf2f8;
}
.pagecurrent {//翻页部分,当前页链接的样式,如果当前是第一页,那么1就为此样式
padding:1px 3px;
font-size:11px;
font-weight:bold;
color:#000;
background-color:#d6e3ef;
border:1px solid #386792;
}
.post {//文章整体样式
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
.posttitle {//文章标题样式
text-indent: 8px;
border-left: thick solid #386792;
font-size: 14px;
font-weight: bold;
padding: 2px;
margin-top: 5px;
clear:both;
}
.posttitle a {//文章标题链接样式
color: #333399;
text-decoration: underline;
}
.posttitle a:hover{//鼠标停留在文章标题链接上时的样式
height: 70px!important;
background-color: #d6e3ef;
border-bottom: 1px solid #386792;
vertical-align: text-bottom;
}
#titlelogo {//博客名称 或者 logo 的样式
padding: 10px;
float: left;
}
#article-other {
text-align: center;
margin-bottom: 15px;
}
#tburl {
margin: 5px 0px 15px 0px;
}
#trackbacks {//引用部分的样式
margin: 5px 0px 15px 0px;
}
.tbcontent {
margin: 5px 0px 10px 0px;
}
.tbdate {
color: #777777;
font-size: 11px;
padding-top: 2px;
text-align: right;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #B3CBE1;
}
.cmcontent {//评论内容样式
margin: 5px 0px 15px 0px;
overflow:hidden;
display:block;
width:523px !important;
width /**/ :571px;
clear: both;
}
.cmdate {//评论日期样式
color: #777777;
font-size: 11px;
padding-top: 2px;
text-align: right;
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #B3CBE1;
}
#message {//message.htm中消息的样式
margin-top: 100px;
background-color: #fff;
text-align:center;
width: 500px;
padding: 20px;
border: 1px dotted #386792;
margin-right: auto;
margin-left: auto;
}
.navlink {//Home Archives Users Attachments Rss Tags Trackbacks Wap  菜单的样式
float:right;
padding-bottom:5px;
font-family: “Tahoma”, “sans-serif”;
font-weight: bold;
margin-top: 50px;
}
.navlink a {//Home Archives Users Attachments Rss Tags Trackbacks Wap  菜单的链接样式
padding-right:10px;
text-decoration: none;
}
.navlink a:hover {//Home Archives Users Attachments Rss Tags Trackbacks Wap  菜单的链接样式
padding-right:10px;
text-decoration: underline;
}
#topmenu { //description + guestlink的整体样式
height: 18px!important;
background-color: #edf2f8;
border-bottom: 1px dotted #386792;
padding: 5px;
}
.week {//日历中 星期 一 二 三 四 无 六 日 的样式
padding: 3px;
font: 11px “Tahoma”, “sans-serif”;
background-color: #eee;
border-bottom: 2px solid #aaa;
text-align: center;
}
.keywordtd {
padding: 3px 10px;
border-bottom: 1px solid #ccc;
}
.listtd {
padding: 3px 0px;
border-bottom: 1px solid #ddd;
}
.listtd a {
text-decoration: none;
}
.listtd a:hover {
text-decoration: underline;
}
.phpcode {//这个是在添加文章时用的,用来显示php或者其他代码,要手动添加
border: 1px solid #b3cbe1;
border-left: 3px solid #b3cbe1;
background-color: #f8f8f8;
color: #000000;
margin: 5px;
padding: 5px;
}
.quote {
margin: 5px 0px;
padding: 5px;
border: 1px solid #000;
background-color: #edf2f8;
}
.divOFF {
display:none;
}
.divON {
display:block;
}
.attachttitle {//日志归档标题样式
font-weight: bold;
}
.attachicon {//日志归档
float: right;
}
.attachdesc {//日志归档
padding: 10px 0px;
}

先写这些吧,台湾地震之后博客访问就奇慢,又连不上了,有高手帮补充一下
未完待续

作者:maker

发表时间:2007.1.5

sablog模板设计教程[1]

Friday, January 5th, 2007
对于很多站点来说模板是很重要的一部分,特别是个人站点,要充分的体现出与其他站点的不同,体现出自己的风格,体现出自己的个性.

当然sablog也不例外,作为一款优秀的博客程序也一定要有很多漂亮的模板.

现在开始进入正题,sablog和很多程序一样,模板文件是放在程序根目录的templates文件夹下的.sablog的templates目录下只有前台的模板文件夹,而sablog-x的后台模板也放到了templates目录下,后台模板默认为admin,sablog和sablog-x的默认前台模板都是default,而模板的内容也都在templates/default路径下,所以修改模板一般就是修改templates/default目录下的文件.当然最好不要修改默认模板,在templates目录下另建一个目录,然后将default中的文件全部拷贝到新建立的文件夹内,我们在新建立的文件夹内进行修改,以防止修改时发生不必要的麻烦.

未完待续

作者:maker

发布时间:2007.1.5