added design, and git chapter

This commit is contained in:
www
2020-04-23 18:48:28 +00:00
parent 3f5e3193a3
commit 9751bbde0f
7 changed files with 131 additions and 8 deletions

View File

@@ -3,8 +3,23 @@ title: 1.1. Neue Entwicklungsumgebung einrichten
Für diesen Schritt sind su Rechte notwendig. Wenn du noch keine hast, frag jemanden das für dich zu erledigen.
## 1. Terminal öffnen
Auf https://dev.2020.fet.at/#/ gehen und oben "New Terminal" öffnen.
Dann einen auf root machen:
## 1. Neuen Ordner anlegen
:::bash
su root
Alternativ kannst du dich per ssh mit dem Server verbinden, dazu in deine ~/.ssh/config folgende Zeile kopieren.
Wenn du kein Linux haben solltest google "Proxycommand Windows".
:::bash
Host andisgeheimemaschine #ANDIS ich kenn die VM nicht
ProxyCommand ssh peter@sputnik.htu.tuwien.ac.at -W %h:%p
## 2. Neuen Ordner anlegen
:::bash
# Unterordner im Ordner /srv erstellen
@@ -13,7 +28,7 @@ Für diesen Schritt sind su Rechte notwendig. Wenn du noch keine hast, frag jema
# Benutzer www als Owner!
chown www test_1
## 2. Einen permanenten Test Port zuordnen
## 3. Einen permanenten Test Port zuordnen
Dieser Schritt kann auch übersprungen werden und kurzfristig 8001 bis 8003 verwendet werden.
@@ -49,5 +64,13 @@ Konfiguration testen und NGinx neu starten
nginx -t
systemctl reload nginx
## Dokumentation anlegen
Auf [diese Seite gehen](https://dev.2020.fet.at/#/srv/fet2020_doc) und die [Dokumentation](https://doc.2020.fet.at/) ergänzen.
## 4. Dokumentation anlegen
Auf [diese Seite gehen](https://dev.2020.fet.at/#/srv/fet2020_doc) und die [Dokumentation](https://doc.2020.fet.at/) ergänzen:
:::html
</tr>
<tr>
<th scope="row">test_1</th>
<td><a href="https://dev.2020.fet.at/#/srv/test_1" target="_blank"> test_1 von peter </a></td>
<td><a href="https://test_1.2020.fet.at/">test_1.2020.fet.at - DevPort 8105</a> </td>
</tr>

View File

@@ -1 +1 @@
title: Git aktivieren
title: "1.4 Git aktivieren"

View File

@@ -0,0 +1,94 @@
title: "1.6. Design & Templates"
In diesem Abschnitt wird die Konfiguration vorgenommen um das gemeinsame css und js zu nutzen.
## Jinja 2 Templates hinzufügen
In einem ersten Schritt wird ein lokaler Ordner erstellt.
Um Jinja2 Templates zu nutzen. und in *settings.py* referenziert
:::python
TEMPLATES = [ ...
{
'BACKEND': 'django.template.backends.jinja2.Jinja2',
'DIRS': [os.path.join(BASE_DIR, 'templates')],
'APP_DIRS': True,
'OPTIONS': {'environment': 'jinja2.Environment',},
}
## Static Files (Css und js)
Sobald wir ein gemeinsames Template festgelegt haben kann dieses dann auf die gleiche Weise genutzt werden.
Jetzt werden die gemeinsamen Static Files hinzugefügt
settings.py:
:::python
STATIC_URL = '/assets/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
'/srv/static/design1/',
]
## Layout bis wir ein gemeinsames haben
Jetzt kann testweise ein Layout erstellt werden:
layout.html
:::jinja2
{% load static %}
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FET Layout</title>
<link rel="stylesheet" href="{% static 'app.css' %}">
{% block header %}
{% endblock %}
</head>
<body>
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li><a href="">Home</a></li>
<li><a href="article.html">Article</a></li>
</ul>
</div>
</div>
{% block content %}
{% endblock %}
<script src="{%static 'app.js' %}"></script>
</body>
</html>
Ein einfaches Home / Hello World Template schaut dann so aus:
:::jinja2
{% extends 'layout.html' %}
{% block content %}
Hello World
{% endblock %}
Damit kann eine einfache views.py Datei erstellt werden:
:::python
from django.shortcuts import render
from django.http import HttpResponse
def index(request):
return render(request, 'home.html')
und dieser View in der urls.py eingetragen werden:
:::python
from django.contrib import admin
from django.urls import path, include
from . import views
urlpatterns = [
path('', views.index, name='home')
]

View File

@@ -1,4 +1,4 @@
title: Django Fet Login
title: "1.5 Django Fet Login"
Django kommt mit einem Administrationsinterface und einem Usermanagement.
Die Anleitung hier ist dazu gedacht den LDAP Login zu übernehmen und automatisch in Django einzuloggen.

View File

@@ -16,7 +16,7 @@ image: Documentation-binders.jpg
<tr>
<th scope="row">andis</th>
<td><a href="https://dev.2020.fet.at/#/srv/django_test/test1" target="_blank">Entwicklung: Django Versuch von Andi </a></td>
<td><a href="https://andisdjango.2020.fet.at/"> DevPort 8101</a> </td>
<td><a href="https://andisdjango.2020.fet.at/">andisdjango.2020.fet.at - DevPort 8101</a> </td>
</tr>
<tr>
<th scope="row">andis</th>
@@ -31,7 +31,13 @@ image: Documentation-binders.jpg
<tr>
<th scope="row">andis</th>
<td><a href="https://dev.2020.fet.at/#/srv/test_1" target="_blank"> Entwicklung: Test 1 um das Tutorial zu testen und Hello World in Flask umzusetzen </a></td>
<td><a href="https://test1.2020.fet.at/"> DevPort 8104</a> </td>
<td><a href="https://test1.2020.fet.at/">test1.2020.fet.at - DevPort 8104</a> </td>
</tr>
</tr>
<tr>
<th scope="row">pet_1</th>
<td><a href="https://dev.2020.fet.at/#/srv/pet_1" target="_blank"> Test1 von peter </a></td>
<td><a href="https://pet_1.2020.fet.at/">pet_1.2020.fet.at - DevPort 8105</a> </td>
</tr>
</tbody>
</table>