索引javascript
1、富文本編輯器html
1.1 在Admin中使用java
1.2 自定義使用python
1.3 顯示數據庫
2、全文檢索django
2.1 建立引擎及索引api
2.2 使用瀏覽器
3、發送郵件服務器
1、富文本編輯器框架
藉助富文本編輯器,網站的編輯人員可以像使用offfice同樣編寫出漂亮的、所見即所得的頁面。此處以tinymce爲例,其它富文本編輯器的使用也是相似的。
在虛擬環境中安裝包。
pip install django-tinymce
安裝完成後,可使用在Admin管理中,也能夠自定義表單使用。
示例
1)在項目的settings.py中爲INSTALLED_APPS添加編輯器應用。
INSTALLED_APPS = ( ... 'tinymce', )
2)在項目的settings.py中添加編輯器配置。
TINYMCE_DEFAULT_CONFIG = { 'theme': 'advanced', 'width': 600, 'height': 400, }
3)在項目的urls.py中配置編輯器url。
urlpatterns = [ ... url(r'^tinymce/', include('tinymce.urls')), ]
接下來介紹在Admin頁面、自定義表單頁面的使用方式。
1.1 在Admin中使用
1)在booktest/models.py中,定義模型的屬性爲HTMLField()類型。
from django.db import models from tinymce.models import HTMLField class GoodsInfo(models.Model): gcontent=HTMLField()
2)生成遷移文件,執行遷移。
python manage.py makemigrations python manage.py migrate
3)在booktest/admin.py中註冊模型類GoodsInfo
from django.contrib import admin from booktest.models import * class GoodsInfoAdmin(admin.ModelAdmin): list_display = ['id'] admin.site.register(GoodsInfo,GoodsInfoAdmin)
4)運行服務器,進入admin後臺管理,點擊GoodsInfo的添加,效果以下圖
在編輯器中編輯內容後保存。
1.2 自定義使用
1)在booktest/views.py中定義視圖editor,用於顯示編輯器。
def editor(request): return render(request, 'booktest/editor.html')
2)在booktest/urls.py中配置url。
url(r'^editor/',views.editor),
3)在項目目錄下建立靜態文件目錄以下圖:
4)找到安裝的tinymce的目錄。
5)拷貝tiny_mce_src.js文件、langs文件夾以及themes文件夾拷貝到項目目錄下的static/js/目錄下。
6)在項目的settings.py中配置靜態文件查找路徑。
STATICFILES_DIRS=[ os.path.join(BASE_DIR,'static'), ]
7)在templates/booktest/目錄下建立editor.html模板。
<html> <head> <title>自定義使用tinymce</title> <script type="text/javascript" src='/static/js/tiny_mce.js'></script> <script type="text/javascript"> tinyMCE.init({ 'mode':'textareas', 'theme':'advanced', 'width':400, 'height':100 }); </script> </head> <body> <form method="post" action="#"> <textarea name='gcontent'>哈哈,這是啥呀</textarea> </form> </body> </html>
8)運行服務器,訪問網址,效果以下圖:
1.3 顯示
經過富文本編輯器產生的字符串是包含html的。 在數據庫中查詢以下圖:
在模板中顯示字符串時,默認會進行html轉義,若是想正常顯示須要關閉轉義。
在模板中關閉轉義
1)在booktest/views.py中定義視圖show,用於顯示富文本編輯器的內容。
from booktest.models import * ... def show(request): goods=GoodsInfo.objects.get(pk=1) context={'g':goods} return render(request,'booktest/show.html',context)
2)在booktest/urls.py中配置url。
url(r'^show/', views.show),
3)在templates/booktest/目錄下建立show.html模板。
<html> <head> <title>展現富文本編輯器內容</title> </head> <body> id:{{g.id}} <hr> {%autoescape off%} {{g.gcontent}} {%endautoescape%} <hr> {{g.gcontent|safe}} </body> </html>
4)運行服務器,在瀏覽器中訪問網址,效果以下圖:
2、全文檢索
全文檢索不一樣於特定字段的模糊查詢,使用全文檢索的效率更高,而且可以對於中文進行分詞處理。
1)在環境中依次安裝須要的包。
pip install django-haystack pip install whoosh pip install jieba
2)修改項目的settings.py文件,安裝應用haystack。
INSTALLED_APPS = ( ... 'haystack', )
3)在項目的settings.py文件中配置搜索引擎。
HAYSTACK_CONNECTIONS = { 'default': { #使用whoosh引擎 'ENGINE': 'haystack.backends.whoosh_cn_backend.WhooshEngine', #索引文件路徑 'PATH': os.path.join(BASE_DIR, 'whoosh_index'), } } #當添加、修改、刪除數據時,自動生成索引 HAYSTACK_SIGNAL_PROCESSOR = 'haystack.signals.RealtimeSignalProcessor'
4)在項目的urls.py中添加搜索的配置。
url(r'^search/', include('haystack.urls')),
2.1 建立引擎及索引
1)在booktest目錄下建立search_indexes.py文件。
from haystack import indexes from booktest.models import GoodsInfo #指定對於某個類的某些數據創建索引 class GoodsInfoIndex(indexes.SearchIndex, indexes.Indexable): text = indexes.CharField(document=True, use_template=True) def get_model(self): return GoodsInfo def index_queryset(self, using=None): return self.get_model().objects.all()
2)在templates目錄下建立"search/indexes/booktest/"目錄。
3)在上面的目錄中建立"goodsinfo_text.txt"文件。
#指定索引的屬性 {{object.gcontent}}
4)找到安裝的haystack目錄,在目錄中建立ChineseAnalyzer.py文件。
import jieba from whoosh.analysis import Tokenizer, Token class ChineseTokenizer(Tokenizer): def __call__(self, value, positions=False, chars=False, keeporiginal=False, removestops=True, start_pos=0, start_char=0, mode='', **kwargs): t = Token(positions, chars, removestops=removestops, mode=mode, **kwargs) seglist = jieba.cut(value, cut_all=True) for w in seglist: t.original = t.text = w t.boost = 1.0 if positions: t.pos = start_pos + value.find(w) if chars: t.startchar = start_char + value.find(w) t.endchar = start_char + value.find(w) + len(w) yield t def ChineseAnalyzer(): return ChineseTokenizer()
5)複製whoosh_backend.py文件,改成以下名稱:
注意:複製出來的文件名,末尾會有一個空格,記得要刪除這個空格。
whoosh_cn_backend.py
6)打開復製出來的新文件,引入中文分析類,內部採用jieba分詞。
from .ChineseAnalyzer import ChineseAnalyzer
7)更改詞語分析類。
查找 analyzer=StemmingAnalyzer() 改成 analyzer=ChineseAnalyzer()
8)初始化索引數據。
python manage.py rebuild_index
9)按提示輸入y後回車,生成索引。
10)索引生成後目錄結構以下圖:
2.2 使用
按照配置,在admin管理中添加數據後,會自動爲數據建立索引,能夠直接進行搜索,能夠先建立一些測試數據。
1)在booktest/views.py中定義視圖query。
def query(request): return render(request,'booktest/query.html')
2)在booktest/urls.py中配置。
url(r'^query/', views.query),
3)在templates/booktest/目錄中建立模板query.html。
參數q表示搜索內容,傳遞到模板中的數據爲query。
<html> <head> <title>全文檢索</title> </head> <body> <form method='get' action="/search/" target="_blank"> <input type="text" name="q"> <br> <input type="submit" value="查詢"> </form> </body> </html>
4)自定義搜索結果模板:在templates/search/目錄下建立search.html。
搜索結果進行分頁,視圖向模板中傳遞的上下文以下:
視圖接收的參數以下:
<html> <head> <title>全文檢索--結果頁</title> </head> <body> <h1>搜索 <b>{{query}}</b> 結果以下:</h1> <ul> {%for item in page%} <li>{{item.object.id}}--{{item.object.gcontent|safe}}</li> {%empty%} <li>啥也沒找到</li> {%endfor%} </ul> <hr> {%for pindex in page.paginator.page_range%} {%if pindex == page.number%} {{pindex}} {%else%} <a href="?q={{query}}&page={{pindex}}">{{pindex}}</a> {%endif%} {%endfor%} </body> </html>
5)運行服務器,訪問網址,進行搜索測試。
3、發送郵件
Django中內置了郵件發送功能,被定義在django.core.mail模塊中。發送郵件須要使用SMTP服務器,經常使用的免費服務器有:163、126、QQ,下面以163郵件爲例。
1)登陸設置。
2)在新頁面中點擊「客戶端受權密碼」,勾選「開啓」,彈出新窗口填寫手機驗證碼。
3)填寫受權碼。
4)提示開啓成功。
5)打開項目的settings.py文件,配置。
EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend' EMAIL_HOST = 'smtp.163.com' EMAIL_PORT = 25 #發送郵件的郵箱 EMAIL_HOST_USER = 'xxxxxx@163.com' #在郵箱中設置的客戶端受權密碼 EMAIL_HOST_PASSWORD = 'xxxxxxx' #收件人看到的發件人 EMAIL_FROM = 'python<xxxxxx@163.com>'
6)在booktest/views.py文件中新建視圖send。
from django.conf import settings from django.core.mail import send_mail from django.http import HttpResponse ... def send(request): msg='<a href="xxxxxxxxx" target="_blank">點擊激活</a>' send_mail('註冊激活','',settings.EMAIL_FROM, ['xxxxxx@163.com'], html_message=msg) return HttpResponse('ok')
7)在booktest/urls.py文件中配置。
url(r'^send/$',views.send),
8)啓動服務器,在瀏覽器訪問地址,去郵箱查看郵件。