IT教程: SVG系列 - 基础

本邮件内容由第三方提供，如果您不想继续收到该邮件，可点此退订。

SVG系列 - 基础 - 枯零 阅读原文»

标题为SVG基础，但是过于基础的东西就不再熬述啦，可以参考几个学习网址：

SVG参考手册：http://www.runoob.com/svg/svg-reference.html

MDN SVG：https://developer.mozilla.org/zh-CN/docs/Web/SVG

svg的n种用法：
1、直接在浏览器打开svg格式的文件

2、iframe引用：<iframe src="first.svg" width="200px" height="200px"></iframe>

3、img引用：<img src="first.svg" width="200px" height="200px" />

4、元素背景引用：<div style="width: 200px; height: 200px; background-image: url(first.svg);"></div>

5、embed引用：<embed src="first.svg" width="200px" height="200px" />

　参考文献：https://msdn.microsoft.com/zh-cn/library/gg589526(v=vs.85).aspx

先从a元素的xlink:show开始吧：

2、<switch>元素：根据用户的系统（不知道是浏览器还是桌面系统）语言显示要展示的元素或内容，应该基本不会用到吧。

<switch>
<g systemLanguage="zh">
<text x="10" y="50">中文内容</text>
</g>
<g systemLanguage="en">
<text x="10" y="50">English text</text>
</g>
</switch>

3、marker：在元素上绘制箭头或者多点标记图形。

django版本：1.4.21。

一、准备工作

1、新建项目和app

[root@yl-web-test srv]# django-admin.py startproject lxysite
[root@yl-web-test srv]# cd lxysite/
[root@yl-web-test lxysite]# python manage.py startapp accounts
[root@yl-web-test lxysite]# ls
accounts lxysite manage.py

2、配置app

在项目settings.py中的

INSTALLED_APPS = (
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.sites',
'django.contrib.messages',
'django.contrib.staticfiles',
# Uncomment the next line to enable the admin:
# 'django.contrib.admin',
# Uncomment the next line to enable admin documentation:
# 'django.contrib.admindocs',
'accounts',
)

3、配置url

在项目urls.py中配置

urlpatterns = patterns('',
# Examples:
# url(r'^$', 'lxysite.views.home', name='home'),
# url(r'^lxysite/', include('lxysite.foo.urls')),

# Uncomment the admin/doc line below to enable admin documentation:
# url(r'^admin/doc/', include('django.contrib.admindocs.urls')),

# Uncomment the next line to enable the admin:
# url(r'^admin/', include(admin.site.urls)),
url(r'^accounts/', include('accounts.urls')),
)

4、配置templates

新建templates目录来存放模板，

[root@yl-web-test lxysite]# mkdir templates
[root@yl-web-test lxysite]# ls
accounts lxysite manage.py templates

然后在settings中配置

TEMPLATE_DIRS = (
# Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
# Always use forward slashes, even on Windows.
# Don't forget to use absolute paths, not relative paths.
'/srv/lxysite/templates',
)

5、配置数据库

我用的是mysql数据库，先创建数据库lxysite

mysql> create database lxysite;
Query OK, 1 row affected (0.00 sec)

然后在settings.py中配置

DATABASES = {
'default': {
'ENGINE': 'django.db.backends.mysql', # Add 'postgresql_psycopg2', 'mysql', 'sqlite3' or 'oracle'.
'NAME': 'lxysite', # Or path to database file if using sqlite3.
'USER': 'root', # Not used with sqlite3.
'PASSWORD': 'password', # Not used with sqlite3.
'HOST': '10.1.101.35', # Set to empty string for localhost. Not used with sqlite3.
'PORT': '3306', # Set to empty string for default. Not used with sqlite3.
}
}

然后同步数据库：同步过程创建了一个管理员账号：liuxiaoyan,password，后面就用这个账号登录和注销登录。

[root@yl-web-test lxysite]# python manage.py syncdb
Creating tables ...
Creating table auth_permission
Creating table auth_group_permissions
Creating table auth_group
Creating table auth_user_user_permissions
Creating table auth_user_groups
Creating table auth_user
Creating table django_content_type
Creating table django_session
Creating table django_site

You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no): yes
Username (leave blank to use 'root'): liuxiaoyan
E-mail address: liuxiaoyan@test.com
Password:
Password (again):
Superuser created successfully.
Installing custom SQL ...
Installing indexes ...
Installed 0 object(s) from 0 fixture(s)

至此，准备工作完成。

二、实现登录功能

使用django自

阅读更多内容

IT教程

2015年8月12日星期三

SVG系列 - 基础 - 枯零

没有评论:

发表评论